/*=========================
ANIMACIONES MASSCHEVERE
=========================*/

.fade-up{

opacity:0;

transform:translateY(40px);

transition:all .8s ease;

}

.fade-up.show{

opacity:1;

transform:translateY(0);

}

/* FLOAT */

.float{

animation:float 4s ease-in-out infinite;

}

@keyframes float{

0%{transform:translateY(0);}
50%{transform:translateY(-8px);}
100%{transform:translateY(0);}

}

/* BOTONES */

.mc-btn{

position:relative;

overflow:hidden;

}

.mc-btn::before{

content:"";

position:absolute;

top:0;

left:-120%;

width:60%;

height:100%;

background:linear-gradient(
90deg,
transparent,
rgba(255,255,255,.45),
transparent
);

transform:skewX(-25deg);

animation:shine 4s infinite;

}

@keyframes shine{

0%{

left:-120%;

}

100%{

left:180%;

}

}