.icon-button{--icon-button-size:2rem;--icon-button-hover-fill-color:var(--color-terracota-100);--icon-button-badge-size:1rem;cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:none;outline:none;padding:0;text-decoration:none}.icon-button:active,.icon-button:focus,.icon-button:hover{outline:none}.icon-button{letter-spacing:.04em;text-transform:uppercase;font-family:Onest,Inter,Poppins,Roboto,sans-serif;font-size:.875rem;font-style:normal;font-weight:600;line-height:normal}@media (width<=1199px){.icon-button{font-size:.875rem}}@media (width<=767px){.icon-button{font-size:.75rem}}.icon-button{width:var(--icon-button-size);height:var(--icon-button-size);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition-property:fill;transition-duration:.2s;transition-timing-function:ease;display:flex;position:relative;overflow:visible}.icon-button--fill-dark{--icon-button-fill-color:var(--color-dark)}.icon-button--fill-white{--icon-button-fill-color:var(--color-white)}.icon-button:active,.icon-button:focus,.icon-button:hover{--icon-button-fill-color:var(--icon-button-hover-fill-color)}.icon-button{fill:var(--icon-button-fill-color)}.icon-button__badge{width:var(--icon-button-badge-size);height:var(--icon-button-badge-size);background:var(--color-terracota-100);color:var(--color-white);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.5rem;display:flex;position:absolute;top:0;right:0;overflow:hidden}