@layer components{.c-button{background-color:var(--button-background-color);border:2px solid var(--button-border-color);border-radius:500px;color:var(--button-text-color);cursor:pointer;display:inline-block;font-size:1rem;font-weight:450;line-height:1;padding:1em 1.5em;transition:color .2s ease,background-color .2s ease,border .2s ease}.c-button,.c-button--primary{--button-text-color:var(--brand-black);--button-text-color-active:#fff;--button-border-color:var(--brand-yellow);--button-border-color-active:var(--brand-black);--button-background-color:var(--brand-yellow);--button-background-color-active:var(--brand-black)}.c-button--secondary{--button-text-color:var(--brand-black);--button-text-color-active:var(--brand-black);--button-border-color:var(--brand-black);--button-border-color-active:var(--brand-yellow);--button-background-color:transparent;--button-background-color-active:transparent}.c-button--tertiary{--button-text-color:var(--brand-black);--button-text-color-active:#fff;--button-border-color:#fff;--button-border-color-active:var(--brand-black);--button-background-color:#fff;--button-background-color-active:var(--brand-black)}.c-button--yellow-knockout{--button-text-color:#fff;--button-text-color-active:var(--brand-black);--button-border-color:var(--brand-yellow);--button-border-color-active:var(--brand-yellow);--button-background-color:var(--brand-black);--button-background-color-active:var(--brand-yellow)}.c-button:focus,.c-button:hover{background-color:var(--button-background-color-active);border-color:var(--button-border-color-active);color:var(--button-text-color-active)}}