.io-btn-component{&[data-v-9647af1e]{cursor:pointer;background-color:#0000;border:1px solid #0000;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;gap:8px;padding:8px 24px;font-family:Inter,sans-serif;font-weight:500;line-height:1.25;transition:all .15s;display:inline-flex}& .io-btn-component__icon[data-v-9647af1e]{font-size:16px}&[disabled][data-v-9647af1e]{cursor:not-allowed}&.io-btn-component--xsmall[data-v-9647af1e]{height:24px;padding:4px 24px;font-size:10px}&.io-btn-component--small[data-v-9647af1e]{height:32px;font-size:12px}&.io-btn-component--normal[data-v-9647af1e]{height:40px;font-size:14px}&.io-btn-component--thin[data-v-9647af1e]{font-weight:400}&.io-btn-component--bold[data-v-9647af1e]{font-weight:600}&.io-btn-component--primary{&[data-v-9647af1e]{background-color:var(--main);color:var(--white)}&[data-v-9647af1e]:hover,&[data-v-9647af1e]:focus,&[data-v-9647af1e]:active{background-color:var(--main-lighten-1)}&[disabled][data-v-9647af1e]{background-color:var(--darker-bg);color:var(--main-lighten-4)}}&.io-btn-component--secondary{&[data-v-9647af1e]{color:var(--main-lighten-2);border-color:var(--main-lighten-4)}&[data-v-9647af1e]:hover,&[data-v-9647af1e]:focus,&[data-v-9647af1e]:active{border-color:var(--main-lighten-2);color:var(--main-lighten-2)}&[disabled][data-v-9647af1e]{color:var(--darker-bg);border-color:var(--main-lighten-4)}}&.io-btn-component--link{&[data-v-9647af1e]{height:auto;color:var(--dark-green-lighten-1);padding:0}&[data-v-9647af1e]:hover,&[data-v-9647af1e]:focus{color:var(--dark-green)}&[data-v-9647af1e]:active{color:var(--dark-green-lighten-1)}&[disabled]{&[data-v-9647af1e],& .io-btn-component__icon[data-v-9647af1e]{color:var(--main-lighten-4)}}}&.io-btn-component--link-bordered{&[data-v-9647af1e]{height:auto;color:var(--dark-green-lighten-1);border-color:var(--dark-green-lighten-1);padding:8px 16px}&[data-v-9647af1e]:hover,&[data-v-9647af1e]:focus{color:var(--dark-green);border-color:var(--dark-green)}&[data-v-9647af1e]:active{color:var(--dark-green-lighten-1);border-color:var(--dark-green-lighten-1)}&[disabled]{&[data-v-9647af1e],& .io-btn-component__icon[data-v-9647af1e]{color:var(--main-lighten-4);border-color:var(--main-lighten-4)}}}&.io-btn-component--no-action[data-v-9647af1e]{height:auto;padding:0}&.io-btn-component--row{&[data-v-9647af1e]{background-color:var(--lighten-bg-2);width:100%;height:54px;color:var(--darken-green);justify-content:start}&.io-btn-component--small[data-v-9647af1e]{height:48px}&[data-v-9647af1e]:hover,&[data-v-9647af1e]:focus,&[disabled][data-v-9647af1e]{background-color:var(--lighten-bg-1)}&[disabled][data-v-9647af1e]{color:var(--button-secondary-disabled-color)}}&.io-btn-component--icon{&[data-v-9647af1e]{background-color:var(--light-bg);width:40px;height:40px;color:var(--main-lighten-2);padding:0;position:relative}&[data-v-9647af1e]:hover,&[data-v-9647af1e]:focus{background-color:var(--darker-bg)}&[data-v-9647af1e]:active{color:var(--main-lighten-1)}&[disabled]{&[data-v-9647af1e]{background-color:var(--lighten-bg-1)}&[data-v-9647af1e],& .io-btn-component__icon[data-v-9647af1e]{color:var(--darker-bg)}}&.io-btn-component--small[data-v-9647af1e]{width:32px;height:32px}}&.io-btn-component--plain-icon{&[data-v-9647af1e]{height:20px;padding:0;font-size:20px}&.io-btn-component--small[data-v-9647af1e]{height:16px}}&.io-btn-component--primary,&.io-btn-component--secondary,&.io-btn-component--row{& .io-btn-component__icon--left[data-v-9647af1e]{margin-left:-8px}& .io-btn-component__icon--right[data-v-9647af1e]{margin-right:-8px}}& .icon-loader-2[data-v-9647af1e]{animation:2s linear infinite spin-9647af1e}& .io-btn-component__counter[data-v-9647af1e]{background-color:var(--surfie-green-darker);width:16px;height:16px;color:var(--white);border-radius:4px;justify-content:center;align-items:center;display:flex;position:absolute;top:-3px;right:-3px}}@keyframes spin-9647af1e{0%{transform:rotate(0)}to{transform:rotate(1turn)}}