7.1 Bouton animé
.animated-btn {
transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}
.animated-btn:hover {
transform: translateY(-2px) scale(1.01);
}
7.2 Animation de chargement
.spinner {
width: 52px;
height: 52px;
border: 6px solid #dbeafe;
border-top-color: #2563eb;
border-radius: 50%;
animation: spin 1s linear infinite;
}
@keyframes spin {
to { transform: rotate(360deg); }
}