#unavailableModal .modal-content {
    background      : linear-gradient(150deg, rgb(21 64 57 / 96%), rgb(10 28 21 / 96%));
    color           : #ecfdf5;
    border          : 1px solid rgba(148, 220, 193, 0.22);
    border-radius   : 20px;
    backdrop-filter : blur(16px);
    box-shadow      : 0 28px 58px rgba(1, 26, 21, 0.55);
}

#unavailableModal .modal-header {
    border-bottom : 1px solid rgba(148, 220, 193, 0.16);
}

#unavailableModal .modal-title {
    color       : #ecfdf5;
    font-weight : 600;
    font-size   : 1.05rem;
}

#unavailableModal .modal-footer {
    display          : flex;
    flex-direction   : column;
    align-items      : stretch;
    gap              : 8px;
    border-top       : 1px solid rgba(148, 220, 193, 0.16);
}

#unavailableModal .modal-footer .btn {
    width         : 100%;
    margin        : 0;
    border-radius : 12px;
    padding       : 10px 14px;
    font-weight   : 600;
    box-shadow    : none;
}

#unavailableModal .modal-footer .btn-primary {
    background : transparent;
    border     : 2px solid rgba(148, 220, 193, 0.45);
    color      : #bbf7d0;
}

#unavailableModal .modal-footer .btn-primary:hover,
#unavailableModal .modal-footer .btn-primary:focus {
    background   : rgba(148, 220, 193, 0.14);
    border-color : rgba(187, 247, 208, 0.8);
    color        : #ecfdf5;
}

#unavailableModal .modal-footer .btn-warning {
    background : rgba(176, 65, 62, 0.3);
    border     : 2px solid rgba(248, 113, 113, 0.45);
    color      : #fecaca;
}

#unavailableModal .modal-footer .btn-warning:hover,
#unavailableModal .modal-footer .btn-warning:focus {
    background   : rgba(176, 65, 62, 0.48);
    border-color : rgba(252, 165, 165, 0.75);
    color        : #fff;
}