.button_main{flex-shrink:0;width:fit-content;display:inline-flex;gap:8px;padding:11px 1.4rem 14px;border-radius:8px;font-weight:500;cursor:pointer;border:none;outline:none;user-select:none;flex-direction:row;display:flex;justify-content:center;align-items:center;will-change:filter;transition:filter .2s ease-out;&[data-absolute-icon=true]{.left{position:absolute;transform:translateY(-50%);left:.6rem;top:50%}}&:disabled{opacity:.7;cursor:not-allowed}&.gray{background:var(--gray_17);border:1px solid hsla(0,0%,100%,.1);border-radius:6px}&.black{background:#000;color:#fff;background:#0a0b0d;box-shadow:inset 0 -4px 2px 0 #030304,0 28px 38px 0 rgba(0,0,0,.26),0 11.698px 15.875px 0 rgba(0,0,0,.43),0 6.254px 8.488px 0 rgba(0,0,0,.36),0 3.506px 4.758px 0 rgba(0,0,0,.3),0 1.862px 2.527px 0 rgba(0,0,0,.24),0 0 1.052px 1px #ffffff22,0 .775px 1.052px 0 rgba(0,0,0,.17)}&.blue{background:var(--blue_8);box-shadow:0 -2.2px .5px 1px var(--blue_10) inset,0 .5px 1px 1px var(--blue_7) inset,0 14px 24.6px -9px rgba(31,78,186,.15);color:#fff}&.white{background:var(--white_1);box-shadow:inset 0 -3px 1px 0 rgba(0,0,0,.44);color:var(--gray_15);will-change:box-shadow,filter,background;transition:box-shadow .2s var(--expo-in-out),filter .2s var(--expo-in-out),background .2s ease-out;&:hover{background:var(--white_8);filter:none;box-shadow:inset 0 -4px 2px 0 rgba(0,0,0,.34)}&:active{box-shadow:inset 0 2px 3px 0 rgba(0,0,0,.34)}}&.ghost{background:transparent;color:#000}&:hover{filter:saturate(1.1) brightness(1.4)}&:active{filter:saturate(.9) brightness(.9)}& .icon{display:inline-flex;align-items:center}}.spinner{width:16px;height:16px;animation:spin 1s linear infinite;& circle{stroke:#fff;opacity:.5;stroke-linecap:round;stroke-dasharray:125;stroke-dashoffset:125;animation:dash 1.5s ease-in-out infinite}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes dash{0%{stroke-dashoffset:125}50%{stroke-dashoffset:0}to{stroke-dashoffset:-125}}