.circle-icon-button{-o-transition:background-color,box-shadow,transform;border-radius:var(--radius-full);background-color:var(--color-surface-background);color:var(--color-text-dark);cursor:pointer;box-shadow:var(--elevation-2);border:none;flex-direction:row;justify-content:center;align-items:center;transition:background-color,box-shadow,transform;display:flex}.circle-icon-button--small{width:var(--spacing-vertical-jumbo);height:var(--spacing-vertical-jumbo)}.circle-icon-button--medium{width:var(--spacing-vertical-mega);height:var(--spacing-vertical-mega)}.circle-icon-button--large{width:var(--spacing-vertical-ultra);height:var(--spacing-vertical-ultra)}.circle-icon-button:hover,.circle-icon-button--hover{background-color:var(--color-surface-stripe);box-shadow:var(--elevation-3)}.circle-icon-button:active,.circle-icon-button--active{box-shadow:var(--elevation-1)}.circle-icon-button:focus-visible{outline:var(--stroke-medium) solid var(--color-brand-primary-light);outline-offset:var(--spacing-vertical-tiny)}.circle-icon-button:disabled{cursor:not-allowed;opacity:var(--opacity-disabled);pointer-events:none}