.time-shortcuts {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem;
}

input[type="time"].form-control {
    min-height: 2.75rem;
    font-variant-numeric: tabular-nums;
}

@media (max-width: 575.98px) {
    .time-shortcuts .form-text {
        flex-basis: 100%;
    }

    .time-shortcuts .btn {
        flex: 1 1 0;
        min-height: 2.5rem;
    }
}