.date-btn { transition: all 0.25s ease; }
.date-btn:hover { transform: translateY(-2px); }
.date-btn.selected { transform: scale(1.05); }

#timeSlotsSection { animation: fadeSlideIn 0.4s ease-out; }
@keyframes fadeSlideIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

.time-slot { transition: all 0.2s ease; }
.time-slot:hover:not(:disabled) {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(16, 185, 129, 0.2);
}