.animated-hover-button{--color:#ffffff;--background:#5665C4;--gradient-hover:linear-gradient(90deg,#2DD4BF,#3B82F6,#A78BFA);font-family:inherit;position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;color:var(--color);background:var(--background);border:none;transition:color .3s ease;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1)}@media (max-width:640px){.animated-hover-button{width:100%;max-width:none;flex:1}}.animated-hover-button:before{content:"";position:absolute;z-index:-1;inset:0;background:var(--gradient-hover);transform:translateY(92%);transition:transform .35s ease-out}.animated-hover-button:hover:before{transform:translateY(0)}.animated-hover-button:hover{color:var(--color)}.animated-hover-button-after{z-index:1;display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%;transition:all .3s ease}.animated-hover-button-before{display:none}