.ccb{width:3rem;max-width:3rem;aspect-ratio:1 / 1;padding:0;border:0;border-radius:50%;background:#f3f3f3;display:grid;place-items:center;cursor:pointer;transition:transform .15s ease,background-color .15s ease}.ccb__icon{width:1rem;height:1rem;display:block;transform:rotate(0);transition:transform .15s ease;color:#000}.ccb--left .ccb__icon{transform:rotate(0)}.ccb--right .ccb__icon{transform:rotate(180deg)}.ccb--up .ccb__icon{transform:rotate(90deg)}.ccb--down .ccb__icon{transform:rotate(-90deg)}.ccb:focus-visible{outline:2px solid rgba(0,0,0,.35);outline-offset:3px}
/*# sourceMappingURL=/cdn/shop/t/6/assets/chevron-circle-button.css.map */