.contact-modal .modal-header h6 {
    font-size: 16px;
    color: var(--base-dark-gray);
}

.contact-modal .modal-footer button {
    height: 42px;
    width: 100px;
}

.contact-modal .confirm-btn {
    background-color: var(--base-dark-gray);
}

.contact-modal .confirm-btn:disabled {
    background-color: var(--box-hover);
    border: 1px solid var(--gray-border);
    color: var(--gray-color) !important;
    cursor: not-allowed;
}

.contact-modal .confirm-btn:hover, .contact-modal .confirm-btn:active {
    background-color: var(--hover-gray) !important;
}

.contact-modal .cancel-btn {
    border: 1px solid var(--gray-border);
    color: var(--gray-color);
}

.contact-modal .cancel-btn:hover, .contact-modal .cancel-btn:active {
    background-color: var(--box-hover) !important;
}

.contact-input-box input {
    height: 48px;
}

.confirm-phone {
    background-color: var(--action-green);
    min-width: 48px;
    height: 48px;
}

.confirm-phone:hover, .confirm-btn:active {
    background-color: var(--action-hover) !important;
}