.icon-button{align-items:center;aspect-ratio:1/1;background:#fff;border-radius:50%;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:opacity .15s ease}.icon-button[disabled]{cursor:default;opacity:.3}.cs--white .icon-button{border:1px solid var(--cs__faded)}@media (min-width:768px){.icon-button{padding:1rem}}@media (hover:hover){.icon-button:not([disabled]):not(:disabled):hover,a:not([disabled]):not(:disabled):hover .icon-button{background:#e9eaeb}.icon-button:not([disabled]):not(:disabled):active,a:not([disabled]):not(:disabled):active .icon-button{background:#d5d7da}}