.btn{border-radius:var(--radius);text-align:center;cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:10px;max-width:100%;padding:0 20px;font-size:16px;font-weight:600;line-height:24.8px;transition:transform .2s,filter .2s,background-color .2s;display:inline-flex}.btn:hover{filter:brightness(1.08);transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn:focus-visible{outline:2px solid var(--color-text);outline-offset:3px}.btn--primary{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-text)}.btn--outline{border-color:var(--color-accent);color:var(--color-accent);background:0 0}.btn--dark{background:var(--color-surface);border-color:var(--color-surface);color:var(--color-text)}.btn--light{background:var(--color-text);color:var(--color-text-dark)}.btn--cyan{background:var(--color-accent-2);border-color:var(--color-accent-2);color:var(--color-accent-2-contrast)}.btn--cyan-outline{border-color:var(--color-accent-2);color:var(--color-accent-2);background:0 0}.btn__arrow{background:currentColor;flex-shrink:0;width:14px;height:14px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M1 7h11M8 2.5L12.5 7 8 11.5' fill='none' stroke='black' stroke-width='1.6'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M1 7h11M8 2.5L12.5 7 8 11.5' fill='none' stroke='black' stroke-width='1.6'/%3E%3C/svg%3E") 50%/contain no-repeat}@media (max-width:639px){.btn{font-size:15px;width:100%!important}}