.btn-optional[data-v-431f8518]{--icon-color:var(--action-1);--icon-hover:var(--action-2);--icon-active:var(--action-3);--icon-size:20px;align-items:center;background-color:var(--gray-2);border-radius:12px;display:flex;justify-content:center;overflow:hidden;padding:6px;transition:background-color var(--base-duration) var(--base-timing)}@media(hover:hover){.btn-optional[data-v-431f8518]:hover{--icon-color:var(--icon-hover)}}.btn-optional[data-v-431f8518]:active{--icon-color:var(--icon-active)}.btn-optional--size-M-2[data-v-431f8518]{--icon-size:18px;border-radius:6px;padding:3px}.btn-optional--size-S[data-v-431f8518]{--icon-size:16px;border-radius:6px;padding:2px}.btn-optional--size-XS[data-v-431f8518]{--icon-size:14px;border-radius:8px;padding:9px}.btn-optional--bg-primary[data-v-431f8518]{background-color:var(--white)}.btn-optional--bg-primary.btn-optional--is-active[data-v-431f8518]{--icon-color:var(--icon-hover);background-color:var(--gray-2)}.btn-optional--bg-secondary[data-v-431f8518]{background-color:var(--action-1);--icon-color:var(--white)}@media(hover:hover){.btn-optional--bg-secondary[data-v-431f8518]:hover{--icon-color:var(--white)}}.btn-optional--bg-transparent[data-v-431f8518]{background-color:transparent}.btn-optional--color-icon-secondary[data-v-431f8518]{--icon-color:var(--gray-5);--icon-hover:var(--gray-4);--icon-active:var(--gray-5)}.btn-optional.btn-optional--is-disabled[data-v-431f8518],.btn-optional[data-v-431f8518]:disabled{--icon-color:var(--gray-3);cursor:auto}.btn-optional__icon[data-v-431f8518]{fill:var(--icon-color);height:var(--icon-size);width:var(--icon-size)}