.btn.svelte-10yzxt0:before{content:"";position:absolute;width:100px;height:120%;background-color:#ff6700;top:50%;transform:skew(30deg) translate(-260%,-50%);transition:all .5s}.modalbtn.svelte-10yzxt0:before{content:"";position:absolute;width:100px;height:120%;background-color:#ff6700;top:50%;transform:skew(30deg) translate(-260%,-50%);transition:all .5s}.btn.svelte-10yzxt0:hover{background-image:url(../../../images/red-with-pattern.png);background-size:cover;background-position:center;background-repeat:no-repeat;color:#fff;box-shadow:0 2px 0 2px #0d3b66}.modalbtn.svelte-10yzxt0:hover{background:#000;background-size:cover;background-position:center;background-repeat:no-repeat;color:#fff;box-shadow:0 2px 0 2px #0d3b66}.btn.svelte-10yzxt0:hover:before{transform:skew(30deg) translate(400%,-50%);transition-delay:.1s}.modalbtn.svelte-10yzxt0:hover:before{transform:skew(30deg) translate(400%,-50%);transition-delay:.1s}.btn.svelte-10yzxt0:active,.modalbtn.svelte-10yzxt0:active{transform:scale(.9)}