.button--icon{width:100px;height:100px;border-radius:100px;text-decoration:none;display:inline-block;border:none;position:relative;overflow:hidden;padding:0;cursor:pointer}.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% - 100px) round 100px);position:absolute;bottom:-1px;left:-1px;right:-4px;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 .button--circle .circle-container .arrow--animation{font-size:70px}.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)}