.ems-date-picker,
.ems-time-picker {
    display: flex;
    width: 100%;
}

.ems-date-picker__input,
.ems-time-picker__input {
    min-width: 0;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.ems-date-picker__button,
.ems-time-picker__button {
    flex: 0 0 44px;
    border: 1px solid #ced4da;
    border-left: 0;
    border-radius: 0 .375rem .375rem 0;
    background: #fff;
    color: #495057;
    font-size: 1.15rem;
}

.ems-time-picker__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.ems-date-picker__button:hover,
.ems-date-picker__button:focus,
.ems-time-picker__button:hover,
.ems-time-picker__button:focus {
    background: #f7f4ef;
    color: #a8501f;
}

/* The popup is appended to body. Keep it above cards, sticky previews, and mobile navigation. */
.datepicker {
    z-index: 1090 !important;
}

@media (max-width: 575.98px) {
    .ems-date-picker__button,
    .ems-time-picker__button {
        flex-basis: 48px;
        min-height: 44px;
    }
}