.button--icon{border:none;border-radius:100px;display:inline-block;height:54px;overflow:hidden;padding:0;position:relative;text-decoration:none;width:54px}.button--icon .arrow--animation.is-1{opacity:1;transform:translateZ(0)}.button--icon .arrow--animation.is-2{opacity:0;position:absolute;transform:translate3d(-165%,0,0)}.button--icon .button--circle{bottom:-1px;clip-path:inset(8px 8px 8px calc(100% - 50px) round 100px);left:-1px;position:absolute;right:-1px;top:-1px;transition:clip-path .65s cubic-bezier(.785,.135,.15,.86),transform .65s cubic-bezier(.785,.135,.15,.86)}.button--icon .button--circle .circle-container{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;position:absolute;right:0;width:100%}.button--icon:hover .button--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)}.button--icon.button--plum{background-color:#2e103b}.button--icon.button--plum i{color:#fff}.button--icon.button--volt{background-color:#cfff00}.button--icon.button--grey{background-color:#f1f1f1}.button--icon.button--grey i{color:#2e103b}.button--icon.button--white{background-color:#fff}.button--icon.button--white i{color:#2e103b}.button--icon i{font-size:1.5rem}.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)}