.label-button{position:relative;width:300px;height:56px;display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 24px;overflow:hidden;background-image:linear-gradient(90deg,rgba(0,0,0,.08),rgba(255,255,255,.12) 50%,rgba(0,0,0,.08));&.icon{width:54px;height:54px;padding:8px;gap:0;background-image:linear-gradient(90deg,rgba(0,0,0,.16),rgba(255,255,255,.2) 50%,rgba(0,0,0,.16))}&.primary{border-radius:36px;background-color:#fbe67b}&.secondary{border-radius:36px;background-color:#0f0f0f}&.default{background-image:none;background-color:transparent;border-radius:36px;.button__effect-bottom,.button__effect-top{display:none}}&:before{content:"";position:absolute;inset:0;padding:1px;border-radius:36px;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.6),rgba(255,255,255,.2));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}&.primary:before{background:linear-gradient(180deg,rgba(255,255,255,.7),rgba(255,255,255,.25))}&.default:before{display:none}&.secondary:before{background:linear-gradient(180deg,rgba(255,255,255,.6),rgba(255,255,255,.15))}.button__effect-top{position:absolute;left:-25px;right:-25px;top:-6px;height:22px;background:radial-gradient(60% 90% at 50% 0,rgba(255,255,255,.85) 0,rgba(255,255,255,.45) 40%,rgba(255,255,255,.12) 65%,rgba(255,255,255,0) 80%);opacity:1;filter:blur(4px)}&.icon .button__effect-top{left:-10px;right:-10px;top:-4px;height:18px;background:radial-gradient(70% 100% at 50% 0,rgba(255,255,255,.55) 0,rgba(255,255,255,.25) 40%,rgba(255,255,255,.08) 65%,rgba(255,255,255,0) 80%);opacity:.7;filter:blur(3px)}&.secondary .button__effect-top{top:-6px}.button__effect-bottom{position:absolute;left:-1px;right:-1px;bottom:-6px;height:22px;background:radial-gradient(60% 90% at 50% 100%,rgba(255,255,255,.85) 0,rgba(255,255,255,.45) 40%,rgba(255,255,255,.12) 65%,rgba(255,255,255,0) 80%);opacity:1;filter:blur(4px)}&.icon .button__effect-bottom{left:-10px;right:-10px;bottom:-4px;height:18px;background:radial-gradient(70% 100% at 50% 100%,rgba(255,255,255,.55) 0,rgba(255,255,255,.25) 40%,rgba(255,255,255,.08) 65%,rgba(255,255,255,0) 80%);opacity:.7;filter:blur(3px)}&.secondary .button__effect-bottom{height:22px}.button__label{position:relative;font-weight:600;font-size:14px;line-height:1.55;color:#1e222c;text-shadow:-.5px .5px 2px rgba(81,87,101,.24)}&.secondary .button__label{color:var(--brand400,#f9d24c)}&.disabled,&[disabled]{opacity:.5;pointer-events:none;cursor:not-allowed;box-shadow:inset 0 0 0 9999px rgba(0,0,0,.25);.button__label{opacity:.5}}}