@charset "utf-8";

.yotpo-icon-button__container[data-v-ec5db410] { position: relative; }

.yotpo-icon-button__container .yotpo-icon-button[data-v-ec5db410] { background-color: var(--background); display: flex; align-items: center; justify-content: center; cursor: pointer; border-radius: var(--icon-button-radius); width: var(--icon-button-width); height: var(--icon-button-width); margin-inline-end: var(--icon-button-margin-right); }

.yotpo-icon-button__container .yotpo-icon-button .yotpo-icon-button__icon[data-v-ec5db410] { display: flex; align-items: center; justify-content: center; cursor: pointer; fill: var(--color); }

.yotpo-icon-button__container .yotpo-icon-button .yotpo-icon-button__icon svg[data-v-ec5db410] { cursor: pointer; fill: currentcolor; }

.yotpo-icon-button__container .yotpo-icon-button[data-v-ec5db410]:focus, .yotpo-icon-button__container .yotpo-icon-button[data-v-ec5db410]:hover { background-color: var(--hover-background); }

.yotpo-icon-button__container .yotpo-icon-button:focus .yotpo-icon-button__icon[data-v-ec5db410], .yotpo-icon-button__container .yotpo-icon-button:hover .yotpo-icon-button__icon[data-v-ec5db410] { fill: var(--hover-color); }

.yotpo-icon-button__container .yotpo-icon-button[data-v-ec5db410]:focus-visible { outline: -webkit-focus-ring-color auto 5px; outline-offset: 2px; }

.yotpo-icon-button__container .yotpo-icon-button--rtl[data-v-ec5db410] { direction: rtl; }