.pearl-button{--white:#ffe7ff;--bg:#080808;--radius:100px;cursor:pointer;border-radius:var(--radius);background-color:var(--bg);border:0;outline:none;transition:transform .28s cubic-bezier(.22,1,.36,1),box-shadow .28s cubic-bezier(.22,1,.36,1);position:relative;box-shadow:inset 0 .3rem .9rem #ffffff4d,inset 0 -.1rem .3rem #000000b3,inset 0 -.4rem .9rem #ffffff80,0 .45rem .85rem #0000001a}.pearl-button .wrap{color:#ffffffdb;border-radius:inherit;position:relative;overflow:hidden}.pearl-button--original .wrap{padding:32px 45px;font-size:25px;font-weight:500}.pearl-button--compact{width:100%}.pearl-button--compact .wrap{justify-content:center;align-items:center;min-height:58px;padding:0 24px;font-size:17px;font-weight:500;display:flex}.pearl-button--nav .wrap{justify-content:center;align-items:center;min-height:44px;padding:0 23px;font-size:15px;font-weight:550;display:flex}.pearl-button .wrap p{justify-content:center;align-items:center;gap:10px;margin:0;transition:transform .29s cubic-bezier(.22,1,.36,1);display:flex;transform:translateY(2%);-webkit-mask-image:linear-gradient(#fff 40%,#0000);mask-image:linear-gradient(#fff 40%,#0000)}.pearl-button .wrap p .pearl-glyph{place-items:center;width:1em;height:1em;display:inline-grid;position:relative}.pearl-button .wrap p .pearl-glyph>span{place-items:center;transition:opacity .29s cubic-bezier(.22,1,.36,1),transform .29s cubic-bezier(.22,1,.36,1);display:grid;position:absolute;inset:0}.pearl-button .wrap p .pearl-glyph>span:nth-child(2){opacity:0;transform:scale(.82)}.pearl-button .wrap:before,.pearl-button .wrap:after{content:"";pointer-events:none;transition:opacity .3s cubic-bezier(.22,1,.36,1),transform .3s cubic-bezier(.22,1,.36,1);position:absolute}.pearl-button .wrap:before{background-color:#ffffff1f;border-radius:50%;inset:-100% -15% 25%}.pearl-button .wrap:after{background:linear-gradient(#ffffff4d 0%,#0000 50% 100%);border-radius:22px 22px 0 0;inset:12% 6% 40%;box-shadow:inset 0 10px 8px -10px #fffc}@media (hover:hover) and (pointer:fine){.pearl-button:hover{box-shadow:inset 0 .3rem .5rem #fff6,inset 0 -.1rem .3rem #000000b3,inset 0 -.4rem .9rem #ffffffb3,0 1.1rem 1.8rem #00000029}.pearl-button:hover .wrap:before{transform:translateY(-5%)}.pearl-button:hover .wrap:after{opacity:.4;transform:translateY(5%)}.pearl-button:hover .wrap p{transform:translateY(-4%)}.pearl-button:hover .wrap p .pearl-glyph>span:first-child{opacity:0;transform:scale(.82)}.pearl-button:hover .wrap p .pearl-glyph>span:nth-child(2){opacity:1;transform:scale(1)}}.pearl-button:active{transform:translateY(3px);box-shadow:inset 0 .3rem .5rem #ffffff80,inset 0 -.1rem .3rem #000c,inset 0 -.4rem .9rem #fff6,0 .45rem .85rem #00000026}.pearl-button:focus-visible{outline-offset:3px;outline:2px solid #11111159}.pearl-button:disabled{cursor:default;opacity:.5}@media (hover:none){.pearl-button{-webkit-tap-highlight-color:transparent}}@media (prefers-reduced-motion:reduce){.pearl-button,.pearl-button .wrap p,.pearl-button .wrap:before,.pearl-button .wrap:after,.pearl-button .wrap p .pearl-glyph>span{transition:none}}