@keyframes fade-in { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
@keyframes pop { from { opacity: 0; transform: scale(.96); } to { opacity: 1; transform: scale(1); } }
.animate-fade-in { animation: fade-in .5s ease-out both; }
.animate-pop { animation: pop .6s ease-out .1s both; }
.btn-add { display:inline-flex; align-items:center; border-radius:.5rem; background:#f43f5e; color:#fff; padding:.375rem .75rem; transition:.2s; }
.btn-add:hover { background:#e11d48; }