.button--icon{width:48px;height:48px;border-radius:100px;text-decoration:none;display:inline-block;border:none;position:relative;overflow:hidden;padding:0}.button--icon .arrow--animation.is-1{opacity:1;transform:translateZ(0)}.button--icon .arrow--animation.is-2{position:absolute;opacity:0;transform:translate3d(-165%,0,0)}.button--icon .button--circle{transition:clip-path .65s cubic-bezier(.785,.135,.15,.86),transform .65s cubic-bezier(.785,.135,.15,.86);clip-path:inset(8px 8px 8px calc(100% - 50px) round 100px);position:absolute;bottom:-1px;left:-1px;right:-1px;top:-1px}.button--icon .button--circle .circle-container{width:100%;height:100%;right:0;position:absolute;flex-direction:column;justify-content:center;align-items:center;display:flex}.button--icon:hover .button--icon--circle{clip-path:inset(0 round 4.25rem)}.button--icon:hover .arrow--animation.is-1{opacity:0;transform:translate3d(165%,0,0)}.button--icon:hover .arrow--animation.is-2{opacity:1;transform:translateZ(0)}.hover--icon:hover .arrow--animation.is-1{opacity:0;transform:translate3d(165%,0,0)}.hover--icon:hover .arrow--animation.is-2{opacity:1;transform:translateZ(0)}