.button{cursor:pointer;font-family:var(--title-font-family);border:none;border-radius:0;outline:none;align-items:center;transition:all .2s ease-in-out;display:inline-flex;position:relative;overflow:hidden}.button--small{padding:6px 12px;font-size:14px;font-weight:500}.button--medium{padding:8px 16px;font-size:16px;font-weight:500}.button--large{padding:18px 24px;font-size:22px;font-weight:400}.button--primary{background-color:var(--color-solar-flare-500);color:#fff}.button--primary:hover:not(:disabled),.button--primary:active:not(:disabled){background-color:var(--color-solar-flare-800)}.button--secondary{color:#fff;background-color:#000}.button--secondary:hover:not(:disabled){background-color:#1f1f1f}.button--secondary:active:not(:disabled){background-color:#2d2d2d}.button--tertiary{color:#374151;background-color:#0000;border:2px solid #d1d5db}.button--tertiary:hover:not(:disabled){background-color:#f9fafb;border-color:#9ca3af}.button--tertiary:active:not(:disabled){background-color:#f3f4f6}.button:focus{box-shadow:0 0 0 3px #d1d5db80}.button--disabled,.button:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.button--primary:disabled{background-color:#fca5a5}.button--secondary:disabled{background-color:#6b7280}.button--tertiary:disabled{color:#9ca3af;border-color:#e5e7eb}.button__content{justify-content:center;align-items:center;width:100%;display:inline-flex}.button__text{text-align:center}.button--with-arrow .button__content{justify-content:space-between;padding:0;position:relative}.button--with-arrow .button__text{margin-left:auto;margin-right:auto;transition:transform .3s}.button--with-arrow .button__arrow{transition:all .3s;position:absolute}.button--with-arrow .button__arrow--original{right:0}.button--with-arrow .button__arrow--new{opacity:0;left:8px;transform:translate(-10px)}.button--with-arrow.button--large .button__text{margin-left:0;margin-right:auto}.button--with-arrow:hover .button__text{transform:translate(54px)}.button--with-arrow:hover .button__arrow--original{opacity:0;transform:translate(10px)}.button--with-arrow:hover .button__arrow--new{opacity:1;transform:translate(0)}