.CIconButton{cursor:pointer;will-change:auto;background-color:#0000;border:none;flex-shrink:0;justify-content:center;align-items:center;width:fit-content;padding:0;font-family:Antique Legacy,sans-serif;display:flex;position:relative;overflow:hidden}.CIconButton:before{content:"";background-color:var(--background-color);width:1.5rem;height:1.5rem;transition:width cubic-bezier(.215,.61,.355,1) var(--button-duration,.6s),opacity cubic-bezier(.215,.61,.355,1) var(--button-duration,.6s);opacity:.5;border-radius:.125rem;position:absolute;top:0;left:0}.CIconButton--light{--background-color:var(--color-white);color:var(--color-blue)!important}.CIconButton--dark{color:var(--color-off-white);--background-color:var(--color-blue)}.CIconButton--large .CIconButton__icon,.CIconButton--large:before{width:2rem;height:2rem}.CIconButton--large .CIconButton__icon svg{height:1rem}.CIconButton--rotate:focus-visible .CIconButton__icon,.CIconButton--rotate:hover .CIconButton__icon{transform:rotate(90deg)}.CIconButton--hovered:before,.CIconButton:focus-visible:before,.CIconButton:hover:before{opacity:1;width:100%}.CIconButton--hovered .CIconButton__label,.CIconButton:focus-visible .CIconButton__label,.CIconButton:hover .CIconButton__label{opacity:1;transition-delay:calc(var(--button-duration,.6s) / 2)}.CIconButton--hovered.CIconButton--translate svg,.CIconButton:focus-visible.CIconButton--translate svg,.CIconButton:hover.CIconButton--translate svg{animation:.45s cubic-bezier(.167,.354,0,1) translate-arrow}@keyframes translate-arrow{0%{transform:translate(0)}49%{transform:translateX(calc(135% * var(--translate-direction,1)))}50%{transform:translateX(calc(-135% * var(--translate-direction,1)))}to{transform:translate(0)}}.CIconButton__icon{z-index:1;width:1.5rem;height:1.5rem;transition:transform cubic-bezier(.215,.61,.355,1) calc(var(--button-duration,.6s));justify-content:center;align-items:center;display:flex;position:relative}.CIconButton__icon svg{height:.75rem}.CIconButton__label{z-index:1;letter-spacing:2%;opacity:0;transition:opacity cubic-bezier(.215,.61,.355,1) calc(var(--button-duration,.6s) / 2);padding:0 .5rem 0 .25rem;font-size:.75rem;font-weight:300;line-height:1;position:relative}
