.button{border-radius:var(--radius-full);height:56px;font:800 16px/20px var(--sans);white-space:nowrap;cursor:pointer;transition:background-color .15s ease, box-shadow .15s ease, transform var(--dur-1) var(--ease-out-quad);border:1px solid #0000;justify-content:center;align-items:center;gap:10px;padding:0 28px;text-decoration:none;display:inline-flex}.button__trail{transition:transform var(--dur-2) var(--ease-out-quart);display:inline-flex}.button svg{flex-shrink:0;width:18px;height:18px}.button:active{transform:scale(.97)}.button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.button--lg{height:auto;padding:20px 32px;font-size:18px;line-height:23px}.button--lg svg{width:20px;height:20px}.button--primary{background:var(--color-primary);color:var(--color-bg)}@media (hover:hover){.button--primary:hover{background:var(--color-primary-hover)}.button:hover .button__trail{transform:translate(3px)}}.button--secondary{background:var(--color-bg);border-color:var(--color-border-strong);color:var(--color-text-strong)}.button--highlight{background:var(--color-highlight);color:var(--color-text-strong)}.button--light{background:var(--color-bg);color:var(--color-text-strong)}.button--on-blue{border-color:var(--color-primary-line);color:var(--color-bg);background:0 0}@media (hover:hover){.button--secondary:hover,.button--highlight:hover,.button--light:hover,.button--on-blue:hover{box-shadow:inset 0 0 0 999px #0f11150a}}.button--on-blue:focus-visible,.button--light:focus-visible,.button--highlight:focus-visible{outline-color:var(--color-bg)}.button--on-ink{border-color:var(--color-text-body);color:var(--color-bg);background:0 0}@media (hover:hover){.button--on-ink:hover{box-shadow:inset 0 0 0 999px #ffffff0f}}.button--on-ink:focus-visible{outline-color:var(--color-bg)}.button--block-always{width:100%}@media (max-width:560px){.button--block-mobile{width:100%}.button--lg{height:56px;padding:0 28px;font-size:16px;line-height:20px}.button--lg svg{width:18px;height:18px}}
.icon-tile{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.icon-tile--rounded{border-radius:var(--radius-icon)}.icon-tile--32{border-radius:10px;width:32px;height:32px}.icon-tile--40{border-radius:var(--radius-md);width:40px;height:40px}.icon-tile--44{width:44px;height:44px}.icon-tile--48{width:48px;height:48px}.icon-tile--56{width:56px;height:56px}.icon-tile--64{width:64px;height:64px}.icon-tile--round{border-radius:var(--radius-full)}.icon-tile--32 svg{width:18px;height:18px}.icon-tile--40 svg,.icon-tile--44 svg{width:22px;height:22px}.icon-tile--48 svg,.icon-tile--56 svg,.icon-tile--64 svg{width:24px;height:24px}.icon-tile--ink{background:var(--color-text-strong);color:var(--color-bg)}.icon-tile--white{background:var(--color-bg);color:var(--color-primary)}.icon-tile--yellow{background:var(--color-highlight);color:var(--color-text-strong)}.icon-tile--blue{background:var(--color-primary);color:var(--color-bg)}.icon-tile--tint{background:var(--color-primary-tint);color:var(--color-primary)}.icon-tile--ink-yellow{background:var(--color-text-strong);color:var(--color-highlight)}.icon-tile--raised{background:var(--color-ink-raised);color:var(--color-highlight)}@media (max-width:560px){.icon-tile--48{border-radius:14px;width:44px;height:44px}.icon-tile--48 svg{width:22px;height:22px}}