.custom-inset-shadow {
    box-shadow: inset 0 -10px 10px -10px rgba(0, 0, 0, 0.25);
}

@keyframes border-fade {
    from {
        border-color: transparent;
    }
    to {
        border-color: #ffd200; /* Tailwind 'emerald-400' */
    }
}

/* Apply the animation on hover */
.animate-border:hover {
    animation: border-fade 0.5s ease-in-out forwards;
}