.animated-button{border:2px solid var(--color-theme-primary);cursor:pointer;color:var(--color-font-primary);font-size:14px;font-family:var(--suisseIntl);background-color:#0000;padding:8px 20px;position:relative;overflow:hidden}.animated-button:before{content:"";background:var(--color-theme-white);z-index:0;width:100%;height:0;transition:height .4s;position:absolute;bottom:0;left:0}.animated-button:hover:before,.animated-button.active:before{height:100%}.letter{z-index:1;white-space:pre;color:var(--color-font-primary);transition:color .4s;display:inline-block;position:relative}.animated-button:hover .letter{animation:.6s forwards bounce}@keyframes bounce{0%{transform:translateY(0)}30%{transform:translateY(-10px)}60%{transform:translateY(5px)}to{transform:translateY(0)}}@media (max-width:1023px){.animated-button:before{height:100%}.animated-button .letter{animation:none!important}.animated-button.workshop-tab-button:before{height:0}.animated-button.workshop-tab-button .letter{color:var(--color-font-primary)}.animated-button.workshop-tab-button.active:before{height:100%}}