.btn-3d{--purple:#fbc0618f;--pink:#eca93c;--blue:#8b3bc4cf;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;background-color:#acc7ed;color:#fff;border-radius:50%;width:150px;height:150px;outline:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin:0;padding:25px;font-size:48px;font-weight:600;letter-spacing:-1px;position:relative;text-align:center;display:flex;align-items:center}@media (max-width:1024px){.btn-3d{width:100px;height:100px}}@media (max-width:425px){.btn-3d{width:70px;height:70px}}.shapes{top:-1px;left:-1px;right:-1px;bottom:-1px;border-radius:50%;background:linear-gradient(60deg,var(--blue) 0,#d6cbf6 30%,var(--pink) 70%)}.blush,.shapes{position:absolute}.blush{bottom:-15px;width:100px;height:30px;filter:blur(20px)}.blush.pink{right:20px;background:var(--purple)}.blush.blue{left:20px;background:var(--blue)}.shapes .container{top:-40px;bottom:-40px;left:-40px;right:-40px;width:calc(100% + 80px);pointer-events:none}.shapes .container,.shapes canvas{position:absolute;border-radius:50%}.shapes canvas{width:100%;height:100%}.label{z-index:20;width:100%;transform:translateZ(0);font-weight:400;font-size:clamp(.1rem,5vw,1.5rem);position:absolute;top:50%;left:50%;translate:-50% -50%}