@keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } } .animate-fadeIn { animation: fadeIn 0.5s ease-out forwards; } .gradient-border { position: relative; } .gradient-border::before, .gradient-border::after { content: ''; position: absolute; left: 0; right: 0; height: 1px; background: linear-gradient(to right, rgba(23, 23, 23, 0), /* transparent neutral-950 */ rgba(82, 82, 82, 1), /* neutral-600 */ rgba(229, 229, 229, 1), /* neutral-200 */ rgba(82, 82, 82, 1), /* neutral-600 */ rgba(23, 23, 23, 0) /* transparent neutral-950 */ ); z-index: 1; } .gradient-border::before { top: 0; } .gradient-border::after { bottom: 0; }