.animated-action{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#fff;cursor:pointer;text-transform:lowercase;background-color:#000;border:0;outline:0;font-family:"Manrope",sans-serif;font-weight:600;line-height:clamp(1.25rem,1.2rem + .25vw,1.8rem)}.animated-action.sm{font-size:clamp(.75rem,.725rem + .125vw,1.025rem)}.animated-action,.animated-action.md{font-size:clamp(.875rem,.85rem + .125vw,1.15rem)}.animated-action.lg{font-size:clamp(.875rem,.825rem + .25vw,1.425rem)}.animated-action .bracket{display:inline-block}.animated-action .action-wrap{position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden}.animated-action .action-content,.animated-action .action-hover,.animated-action .action-wrap .icon{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.animated-action .action-wrap .icon{display:-webkit-box;display:-ms-flexbox;display:flex}.animated-action .action-wrap .icon i,.animated-action .action-wrap .icon img{min-width:1rem;max-width:clamp(.625rem,.5rem + .625vw,2rem)}.animated-action.has-icon .action-wrap .text{display:none}.animated-action .action-content,.animated-action .action-hover{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-transition:-webkit-transform cubic-bezier(.65,0,.35,1) 350ms;transition:transform cubic-bezier(.65,0,.35,1) 350ms;transition:transform cubic-bezier(.65,0,.35,1) 350ms,-webkit-transform cubic-bezier(.65,0,.35,1) 350ms}.animated-action .action-content{padding:clamp(.125rem,.1rem + .125vw,.4rem) clamp(.75rem,.65rem + .5vw,1.85rem)}.animated-action .action-hover{position:absolute;width:100%;height:100%}.animated-action.vertical .action-hover{top:100%;left:0}.animated-action.horizontal .action-hover{top:0;left:100%}@media (min-width:768px){.animated-action .action-wrap .icon{display:none}.animated-action.has-icon .action-wrap .text{display:inline-block}}@media (hover:hover){.animated-action.vertical:hover .action-content,.animated-action.vertical:hover .action-hover{-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%)}.animated-action.horizontal:hover .action-content,.animated-action.horizontal:hover .action-hover{-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%)}}