.button{all:unset;cursor:pointer;box-sizing:border-box;color:var(--color-thunder);transition:all .2s var(--animation-smooth);border:1px solid #0000;align-items:center;gap:1.6rem;padding:1.6rem 2.4rem;font-size:1.8rem;line-height:4rem;transition-property:color,background-color,border-color,scale;display:inline-flex}.button.small{line-height:2.4rem}.button strong{font-family:var(--font-aa-bold)}.button[data-focus-visible]{outline:2px solid var(--color-cerulean);outline-offset:2px}.button[data-pressed]{scale:.9}.button[data-pending],.button[data-disabled]{opacity:.7;cursor:default}.button .icon{font-size:2.4rem;font-weight:700;transition:translate .2s ease-in-out}.button:hover,.button:focus-visible,.button[data-hovered],.button[data-focus-visible],.button:hover span,.button:focus-visible span,.button[data-hovered] span,.button[data-focus-visible] span{text-decoration:none}.button:hover.move-icon .icon,.button:focus-visible.move-icon .icon,.button[data-hovered].move-icon .icon,.button[data-focus-visible].move-icon .icon{translate:.4rem}.button.primary{color:var(--color-white);background-color:var(--color-thunder);border-color:var(--color-thunder)}.button.primary[data-pending] .spinner>.circle{stroke:var(--color-yellow)}.button.primary[data-hovered],.button.primary[data-focus-visible]{color:var(--color-yellow);background-color:var(--color-merlin);border-color:var(--color-merlin);text-decoration:none}.button.primary .icon{color:var(--color-yellow)}.button.secondary{color:var(--color-thunder);background-color:var(--color-white);border-color:var(--color-thunder)}.button.secondary[data-pending] .spinner>.circle{stroke:var(--color-thunder)}.button.secondary[data-hovered],.button.secondary[data-focus-visible]{color:var(--color-white);background-color:var(--color-bluelagoon);border-color:var(--color-bluelagoon);text-decoration:none}.button.link{color:var(--color-atoll);background-color:#0000;border:0;gap:.8rem;padding:0;line-height:1.5}.button.link span{text-decoration:underline}.button.link[data-pending] .spinner{width:1.8rem;height:1.8rem}.button.link[data-pending] .spinner>.circle{stroke:var(--color-atoll)}.button.link[data-hovered],.button.link[data-focus-visible],.button.link[data-hovered] span,.button.link[data-focus-visible] span{text-decoration:none}.button.unstyled{color:var(--color-thunder);background-color:#0000;border:0;gap:.8rem;padding:0;line-height:1.5}.button.unstyled[data-hovered],.button.unstyled[data-focus-visible]{text-decoration:none}.button.unstyled[data-pending] .spinner{width:1.8rem;height:1.8rem}.button.unstyled[data-pending] .spinner>.circle{stroke:var(--color-thunder)}.spinner{width:2.4rem;height:2.4rem;animation:2s linear infinite spin}.spinner .circle{stroke:var(--color-merlin);stroke-linecap:round;animation:1.5s ease-in-out infinite dash}@keyframes spin{to{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1 150;stroke-dashoffset:0}50%{stroke-dasharray:90 150;stroke-dashoffset:-35px}to{stroke-dasharray:90 150;stroke-dashoffset:-124px}}