.button-48{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-width:0;box-sizing:border-box;cursor:pointer;display:inline-block;font-family:Clarkson,Helvetica,sans-serif;font-size:14px;font-weight:500;letter-spacing:0;line-height:1em;margin:0;opacity:1;outline:0;padding:1.5em 2.2em;position:relative;text-align:center;text-decoration:none;text-rendering:geometricprecision;transition:opacity .3s cubic-bezier(.694,0,.335,1),background-color .1s cubic-bezier(.694,0,.335,1),color .1s cubic-bezier(.694,0,.335,1);-moz-user-select:none;user-select:none;-webkit-user-select:none;touch-action:manipulation;vertical-align:baseline;white-space:nowrap}.button-48:before{animation:opacityFallbackOut .5s step-end forwards;-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:#171a1a;-webkit-clip-path:polygon(-1% 0,0 0,-25% 100%,-1% 100%);clip-path:polygon(-1% 0,0 0,-25% 100%,-1% 100%);content:"";height:100%;left:0;position:absolute;top:0;transform:translateZ(0);transition:clip-path .5s cubic-bezier(.165,.84,.44,1),-webkit-clip-path .5s cubic-bezier(.165,.84,.44,1);width:100%}.button-48:hover:before{animation:opacityFallbackIn 0s step-start forwards;-webkit-clip-path:polygon(0 0,101% 0,101% 101%,0 101%);clip-path:polygon(0 0,101% 0,101% 101%,0 101%)}.button-48:after{background-color:#fff}.button-48 .text{z-index:1;position:relative}