.swap-btn{--br:12px;--size:55px;--gap:1px;--shift:calc(var(--size) + var(--gap));--transition:.5s cubic-bezier(.175, .885, .32, 1.3);--color-yellow:#0b00b7;min-width:140px;min-height:34px;padding-left:0;padding-right:var(--shift);color:#d3bfff;cursor:pointer;z-index:1;font-size:16px;font-weight:500;text-decoration:none;display:inline-block;position:relative}.swap-btn:before,.swap-btn:after{content:"";aspect-ratio:1;background:url("data:image/svg+xml,%3Csvg width='11' height='11' viewBox='0 0 11 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.2687 10.1253L0.706543 9.56311L8.93744 1.3165H1.35035V0.5H10.3318V9.48146H9.51532V1.89437L1.2687 10.1253Z' fill='%23D3BFFF' stroke='%23D3BFFF'/%3E%3C/svg%3E") center center no-repeat var(--color-yellow);fill:#d3bfff;border-radius:var(--br);height:100%;transition:var(--transition);z-index:-1;background-size:25%;display:block;position:absolute;top:0;left:auto;right:0}.swap-btn:after{left:0;right:auto;scale:.3}.swap-btn__text{background:var(--color-yellow);border-radius:var(--br);min-height:50px;transition:var(--transition);justify-content:center;align-items:center;padding:0 15px;display:flex}.swap-btn:focus:before,.swap-btn:focus:after,.swap-btn:focus .swap-btn__text{box-shadow:0 0 30px #d9ff4080}@media (hover:hover) and (pointer:fine){.swap-btn:hover:before{scale:.3}.swap-btn:hover:after{scale:1}.swap-btn:hover .swap-btn__text{translate:var(--shift) 0}}@media (hover:none){.swap-btn:active:before{scale:.3}.swap-btn:active:after{scale:1}.swap-btn:active .swap-btn__text{translate:var(--shift) 0}}.swap-btn--secondary{--color-yellow:#fff9bf;color:#0b00b7}.swap-btn--secondary:before,.swap-btn--secondary:after{background-image:url("data:image/svg+xml,%3Csvg width='11' height='11' viewBox='0 0 11 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.2687 10.1253L0.706543 9.56311L8.93744 1.3165H1.35035V0.5H10.3318V9.48146H9.51532V1.89437L1.2687 10.1253Z' fill='%230b00b7' stroke='%230b00b7'/%3E%3C/svg%3E")}