.cl-round-button.-light{background-color:#f6f9fc}.cl-round-button.-light:active{background-color:#eaf0f6}.cl-round-button.-light:hover{background-color:#fff}.cl-round-button.-dark{background-color:#2e475d}.cl-round-button.-dark:hover{background-color:#516f90}.cl-round-button.-dark>.cl-icon{fill:#fff}.cl-round-button{align-items:center;background-color:#fff;border:none;border-radius:50%;cursor:pointer;display:flex;height:48px;justify-content:center;min-width:48px;outline:none;padding:0;position:relative;width:48px}.cl-round-button:before{border-radius:50%;box-shadow:1px 1px 9px rgba(33,51,67,.12);content:"";height:100%;left:0;position:absolute;top:0;transition:box-shadow .3s ease-in-out;width:100%}.cl-round-button:after{content:"";height:calc(100% + 8px);left:-4px;position:absolute;top:-4px;width:calc(100% + 8px)}.cl-round-button:focus-visible,.cl-round-button:hover{background-color:#f6f9fc;box-shadow:inset 0 0 0 1px #b6c7d6}.cl-round-button:focus-visible:before,.cl-round-button:hover:before{box-shadow:0 8px 16px rgba(33,51,67,.12)}.cl-round-button:active:before{box-shadow:0 1px 5px rgba(33,51,67,.12)}.cl-round-button:focus-visible{outline:2px solid #0b8484;outline-offset:2px}.cl-round-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.5}.cl-round-button.-small{height:32px;min-width:32px;width:32px}.cl-round-button>.cl-icon{height:50%;width:50%;fill:#213343;pointer-events:none}