.discourse-join-button{--main-size:clamp(.7rem, 2.2vw + .45rem, .875rem);--color-text:#fafaf9;--color-background:#0c0b0f;--color-background-hover:#15131a;--color-outline:#fbbf2461;--color-shadow:#00000073;--color-accent:#fbbf24eb;--color-border:#fbbf246b;cursor:pointer;border:1px solid var(--color-border);border-radius:calc(var(--main-size) * 100);max-width:min(100%,100vw - 1.5rem);font-family:var(--font-inter,ui-sans-serif, system-ui, sans-serif);font-weight:600;font-size:var(--main-size);color:var(--color-text);background:var(--color-background);-webkit-backdrop-filter:blur(10px);justify-content:center;align-items:center;padding:.38em .15em .38em .5em;line-height:1.2;text-decoration:none;transition:all .5s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 0 .15em #fbbf241f,inset 0 1px #ffffff0d}.discourse-join-button:active{transform:scale(.97)}.discourse-join-button:hover{outline-offset:.2em;border-color:#fbbf249e;outline:.1em solid #0000;transition:all .5s cubic-bezier(.16,1,.3,1);animation:1s linear infinite discourse-ripple,1s infinite discourse-colorize;box-shadow:0 0 .85em #fbbf2438,inset 0 1px #ffffff14}.discourse-join-button:focus-visible{outline-offset:3px;outline:2px solid #fbbf2473}.discourse-join-button__label{align-items:center;gap:.42em;min-width:0;margin-right:.2em;transition:all .5s cubic-bezier(.16,1,.3,1);display:inline-flex}.discourse-join-button:hover .discourse-join-button__label{text-shadow:3px 3px 4px var(--color-shadow)}.discourse-join-button:active .discourse-join-button__label{text-shadow:none}.discourse-join-button__quote{width:1.05em;height:1.05em;color:var(--color-accent);flex-shrink:0;transition:all .5s cubic-bezier(.16,1,.3,1)}.discourse-join-button:hover .discourse-join-button__quote{filter:drop-shadow(2px 2px 2px var(--color-shadow))}.discourse-join-button__text{white-space:nowrap}@media (max-width:380px){.discourse-join-button__text--long{display:none}.discourse-join-button__text--short{display:inline}}@media (min-width:381px){.discourse-join-button__text--short{display:none}}.discourse-join-button svg{width:auto;height:.75em;fill:var(--color-accent);flex-shrink:0;margin-right:.35em;transition:all .5s cubic-bezier(.16,1,.3,1);position:relative}.discourse-join-button:hover svg{filter:drop-shadow(3px 3px 2px var(--color-shadow));margin-right:.55em;transition:all .5s cubic-bezier(.16,1,.3,1)}.discourse-join-button:active svg{filter:none}.discourse-join-button svg polygon:first-child{transition:all .4s;transform:translate(-60%)}.discourse-join-button svg polygon:nth-child(2){transition:all .5s;transform:translate(-30%)}.discourse-join-button:hover svg polygon:first-child{animation:1s .6s infinite discourse-opacity;transform:translate(0%)}.discourse-join-button:hover svg polygon:nth-child(2){animation:1s .4s infinite discourse-opacity;transform:translate(0%)}.discourse-join-button:hover svg polygon:nth-child(3){animation:1s .2s infinite discourse-opacity}@keyframes discourse-opacity{0%{opacity:1}50%{opacity:0}to{opacity:1}}@keyframes discourse-colorize{0%{background:var(--color-background)}50%{background:var(--color-background-hover)}to{background:var(--color-background)}}@keyframes discourse-ripple{0%{outline-offset:-.1em;outline:0 solid #0000}50%{outline:.2em solid var(--color-outline);outline-offset:.2em}to{outline-offset:.4em;outline:.4em solid #0000}}