.ui-button{display:inline-block;font-size:7.7rem;height:1em;min-width:3.525974026em;position:relative;text-align:center}.ui-button__shape{clip-path:polygon(2.0258% 0,100% 2.5974%,86.7403% 100%,0 95.4545%);inset:0;position:absolute}.ui-button__shape:before{background:linear-gradient(90deg,#fff,#f167bc 50%,#fff);content:"";height:100%;position:absolute;right:0;top:0;transition:transform .7s ease;width:200%}.ui-button__shape-inner{background:#ff71c9;clip-path:polygon(3.6832% 6.4935%,97.0534% 8.4416%,85.6354% 93.5065%,2.0258% 89.6104%);inset:0;padding:.2987012987em .4285714286em 0 .0649350649em;position:absolute}.ui-button__text{font-size:.5844155844em;transform:rotate(.9deg)}.ui-button--has-shadow:before{background:#000;clip-path:polygon(2.0258% 0,100% 2.5974%,86.7403% 100%,0 95.4545%);content:"";height:100%;left:-.1473296501%;position:absolute;top:9.7402597403%;width:100%}.ui-button:hover{cursor:pointer}@media(hover:hover){.ui-button:hover .ui-button__shape:before{transform:translate(50%)}}