.fade-in {

opacity: 0;
transform: translateY(40px);

transition:

opacity 1s ease,
transform 1s ease;

}

.fade-in.visible {

opacity: 1;
transform: translateY(0);

}

.vanish{
    transition: all 3s ease;
    color: white;
    text-shadow: 3px 3px var(--color-gold);
    background: antiquewhite;
    max-width: 300px;
    margin: 0 auto 8px auto;
    padding: 12px 18px;
    border-radius: 15px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}

.vanish:hover{
    opacity: 0%;
    transition: all 1s ease;
    background-color: transparent;
 }