.cl-socialButton:focus-visible{outline:2px solid var(--cl-color-focus-01);outline-offset:2px}.cl-socialButton{background-color:var(--cl-color-social-button-fill-idle);border-radius:50%;display:block}.cl-socialButton>svg{display:block;fill:var(--cl-color-social-button-icon-color);height:100%;width:100%}.cl-socialButton:focus-visible,.cl-socialButton:hover{background-color:var(--cl-color-social-button-fill-hover)}.cl-socialButton:active{background-color:var(--cl-color-social-button-fill-pressed)}.cl-socialButton.-small{height:1rem;padding:.25rem;width:1rem}.cl-socialButton,.cl-socialButton.-medium,.cl-socialButton.-regular{height:2rem;padding:.5rem;width:2rem}.cl-socialButton.-large{height:4rem;padding:1rem;width:4rem}