:root{--real-height:100vh}.button-icon{align-items:center;background:#ffe100 linear-gradient(87.87deg,#ffe100 -2.79%,#fff9cc 126.34%) no-repeat;border-radius:35px;display:flex;flex-direction:row;flex-shrink:0;height:26px;justify-content:center;transition:background-position-x .3s ease;width:36px}.no-touchevents .button-iconbutton:focus,.no-touchevents .button-iconbutton:hover{background-position-x:36px}.button-icon:disabled{background:#ccc}.button-icon:disabled path{stroke:#fff}.button-icon--gray{background:#333}.button-icon--gray path{stroke:#969696}.button-icon--gray:disabled{background:#ccc}.button-icon--gray:disabled path{stroke:#fff}.button-icon--black{background:#000}.button-icon--black path{stroke:#fff}.button-icon--black:disabled{background:#ccc}