.icon-btn{display:inline-grid;place-items:center;width:2.75rem;height:2.75rem;flex:none;border-radius:50%;color:var(--blue-950);text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out),opacity var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.icon-btn svg{transition:transform var(--duration-base) var(--ease-out)}.icon-btn:active:not(:disabled){transform:scale(.94)}.icon-btn:disabled{cursor:default;opacity:.35}.icon-btn--soft{background:var(--blue-100);color:var(--color-brand-hover)}.icon-btn--solid{background:var(--color-brand);color:var(--white)}.icon-btn--floating{background:var(--white);box-shadow:var(--shadow-sm)}@media(hover:hover)and (pointer:fine){.icon-btn--soft:hover:not(:disabled){background:var(--color-brand);color:var(--white)}.icon-btn--solid:hover:not(:disabled){background:var(--color-brand-hover)}.icon-btn--plain:hover:not(:disabled){background:var(--blue-100)}.icon-btn--floating:hover:not(:disabled){background:var(--blue-950);color:var(--white)}.icon-btn:hover:not(:disabled) svg{transform:scale(1.06)}}