.animated-button{border:none;align-items:center;transition:background-color .3s,color .3s;display:inline-flex}.button-arrow{width:15px;height:1.5px;transition:width .3s;position:relative}.button-arrow:before,.button-arrow:after{content:"";width:10px;height:1.5px;transition:all .2s cubic-bezier(0,0,.2,1);position:absolute;right:0}.button-arrow:before{transform:translate(2px)translateY(-3px)rotate(45deg)}.button-arrow:after{transform:translate(2px)translateY(3px)rotate(-45deg)}.animated-button:hover .button-arrow{width:25px}.animated-button:hover .button-arrow:before{transform:translate(2px)translateY(-3px)rotate(45deg)}.animated-button:hover .button-arrow:after{transform:translate(2px)translateY(3px)rotate(-45deg)}.animated-button:hover .button-arrow,.animated-button:hover .button-arrow:before,.animated-button:hover .button-arrow:after,.animated-button:hover .button-more:before,.animated-button:hover .button-more:after{background-color:var(--hover-arrow-color)}.button-more{transition:transform .2s linear;transform:rotate(0)}.animated-button:hover .button-more{transform:rotate(90deg)}