.button-icon[data-v-e1b24992]{align-items:center;background:linear-gradient(45deg,#e0e0e0,#d5d5d5);border:none;border-radius:4px;cursor:pointer;display:inline-flex;height:var(--size);justify-content:center;margin-left:15px;transition:background .3s ease;width:var(--size)}.button-icon.custom[data-v-e1b24992]{background:var(--bg-color)}.button-icon[data-v-e1b24992]:hover:not(.disabled):not(.custom){background:linear-gradient(45deg,#5ce999,#15bb5d)}.button-icon.active[data-v-e1b24992]:not(.custom){background:linear-gradient(45deg,#3ed17e,#04a54a)}.button-icon:hover svg[data-v-e1b24992]{transform:scale(1.1)}.button-icon svg[data-v-e1b24992]{fill:var(--icon-color);transition:transform .3s ease,fill .3s ease}.button-icon.disabled[data-v-e1b24992]{background:#e7e7e7;cursor:not-allowed}.button-icon.disabled[data-v-e1b24992]:hover{background:#e7e7e7}.button-icon.disabled svg[data-v-e1b24992]{pointer-events:none}.button-icon.disabled:hover svg[data-v-e1b24992]{transform:none}.button-icon.disabled.custom[data-v-e1b24992]{background:var(--bg-color)}