.SlantedButton_slantedButton__68e2v{--border:5px;--slant:0.7em;--color:#37E8FC;font-size:35px;padding:.4em 1.4em;min-width:200px;border:none;cursor:pointer;font-weight:700;color:var(--color);background:linear-gradient(to bottom left,var(--color) 50%,transparent 50.1%) 100% 0,linear-gradient(to top right,var(--color) 50%,transparent 50.1%) 0 100%;background-size:calc(var(--slant) + 1.3*var(--border)) calc(var(--slant) + 1.3*var(--border));background-repeat:no-repeat;box-shadow:0 0 0 200px inset var(--s,transparent),0 0 0 var(--border) inset var(--color);clip-path:polygon(0 0,calc(100% - var(--slant)) 0,100% var(--slant),100% 100%,var(--slant) 100%,0 calc(100% - var(--slant)));transition:color var(--t,.3s),background-size .3s}.SlantedButton_slantedButton__68e2v:focus-visible{outline-offset:calc(-1*var(--border));outline:var(--border) solid rgba(0,0,0,.8);clip-path:none;background-size:0 0}.SlantedButton_slantedButton__68e2v:active,.SlantedButton_slantedButton__68e2v:hover{background-size:100% 100%;color:#fff;--t:0.2s 0.1s}.SlantedButton_slantedButton__68e2v:active{--s:rgba(0,0,0,0.3);transition:none}