.base-button[data-v-6c2f1139]{align-items:center;border:0;border-radius:8px;cursor:pointer;display:flex;justify-content:center;position:relative;transition:all .3s;white-space:nowrap;width:-moz-fit-content;width:fit-content}.base-button--content[data-v-6c2f1139]{align-items:center;display:flex;gap:8px}.base-button.color--primary[data-v-6c2f1139]{border-radius:12px}.base-button.color--primary[data-v-6c2f1139],.base-button.color--primary.style--filled[data-v-6c2f1139]{background:linear-gradient(0deg,#1396f8,#1396f8),linear-gradient(270deg,#0855c4,#1396f8);color:#fff}.base-button.color--primary.style--filled[data-v-6c2f1139]{overflow:hidden;position:relative}.base-button.color--primary.style--filled[data-v-6c2f1139]:before{background:#ffffff30;content:"";top:0;right:0;bottom:0;left:0;opacity:0;position:absolute}.base-button.color--primary.style--linear[data-v-6c2f1139]{background:#121f3e;border:1px solid #1396f8;color:#fff}.base-button.color--primary.style--linear.disabled[data-v-6c2f1139]{background:#1e2d51;border:1px solid #1e2d51;color:#7b8291;cursor:default}.base-button.color--primary.style--linear.inactive[data-v-6c2f1139]{background:#121f3e}@media screen and (min-width:1024px){.base-button.color--primary.style--linear[data-v-6c2f1139]:not(:disabled,.inactive):hover{background:linear-gradient(0deg,#fff3,#fff3),#121f3e;border:1px solid #1396f8}}.base-button.color--primary.style--transparent[data-v-6c2f1139]{background:transparent!important;color:#1396f8;transition:all .3s}.base-button.color--primary.style--transparent.disabled[data-v-6c2f1139]{color:#7b8291;cursor:default}.base-button.color--primary.disabled[data-v-6c2f1139]{background:#1e2d51;border:1px solid #1e2d51;color:#fff3;cursor:default}@media screen and (min-width:1024px){.base-button.color--primary[data-v-6c2f1139]:hover:not(.inactive,:disabled,.base-button.color--primary.style--linear,.mobile):before{opacity:1}}.base-button.color--primary[data-v-6c2f1139]:active:not(.inactive,:disabled,.base-button.color--primary.style--linear,.mobile){background:linear-gradient(0deg,#0000001a,#0000001a),linear-gradient(90deg,#1396f8,#0855c4),#1396f8}.base-button.color--secondary[data-v-6c2f1139],.base-button.color--secondary.style--filled[data-v-6c2f1139]{background-color:#ff7238;color:#fff}.base-button.color--secondary.style--filled.disabled[data-v-6c2f1139]{background:#1e2d51;border:0;color:#fff3;cursor:default}.base-button.color--secondary.style--linear[data-v-6c2f1139]{background:transparent;border:1px solid #ff7238;color:#ff7238}.base-button.color--secondary.style--linear.disabled[data-v-6c2f1139]{background:#1e2d51;border:0;color:#fff3;cursor:default}@media screen and (min-width:1024px){.base-button.color--secondary.style--linear[data-v-6c2f1139]:not(:disabled,.inactive):hover{background:linear-gradient(0deg,#fff3,#fff3)}}.base-button.color--secondary.style--transparent[data-v-6c2f1139]{background:transparent!important;color:#ff7238;transition:all .3s}.base-button.color--secondary.disabled[data-v-6c2f1139]{background-color:#000;color:#fff3;cursor:default}@media screen and (min-width:1024px){.base-button.color--secondary[data-v-6c2f1139]:hover:not(.inactive,:disabled,.base-button.color--secondary.style--linear,.base-button.color--primary.style--linear,.mobile){opacity:.9}}.base-button.color--neutral[data-v-6c2f1139]{background-color:#121f3e;color:#fff}.base-button.color--neutral.disabled[data-v-6c2f1139]{background:#1e2d51;border:0;color:#fff3;cursor:default}@media screen and (min-width:1024px){.base-button.color--neutral[data-v-6c2f1139]:hover:not(.inactive,:disabled,.base-button.color--secondary.style--linear,.base-button.color--primary.style--linear,.mobile){opacity:.9}}.base-button.size--large[data-v-6c2f1139]{font-family:Sarabun;font-size:16px;font-weight:600;height:44px;line-height:24px;padding:0 20px;width:164px}.base-button.size--medium[data-v-6c2f1139]{border-radius:8px;font-family:Sarabun;font-size:14px;font-weight:600;height:40px;line-height:20px;padding:0 20px;width:142px}.base-button.size--compact[data-v-6c2f1139]{border-radius:4px;font-family:Sarabun;font-size:12px;font-weight:600;height:36px;line-height:16px;padding:0 20px;width:127px}.base-button.size--tiny[data-v-6c2f1139]{border-radius:999px;font-family:Sarabun;font-size:10px;font-weight:700;height:24px;line-height:12px;padding:0 12px;width:97px}.base-button.full-width[data-v-6c2f1139]{width:100%}.base-button.inactive[data-v-6c2f1139]{cursor:not-allowed!important;opacity:.4}.base-button.uppercase[data-v-6c2f1139]{text-transform:uppercase}.base-button.header-btn[data-v-6c2f1139]{border-radius:12px;font-weight:700;height:48px;width:120px}.base-button.header-btn.style--filled[data-v-6c2f1139]{width:120px}.base-button.mobile[data-v-6c2f1139]{border-radius:2.1333333333vw}.base-button.mobile--content[data-v-6c2f1139]{gap:2.1333333333vw}.base-button.mobile.size--large[data-v-6c2f1139]{border-radius:3.2vw;font-family:Sarabun;font-size:4.2666666667vw;font-weight:600;height:11.7333333333vw;line-height:6.4vw;padding:0 5.3333333333vw}.base-button.mobile.size--medium[data-v-6c2f1139]{height:10.6666666667vw}.base-button.mobile.size--compact[data-v-6c2f1139],.base-button.mobile.size--medium[data-v-6c2f1139]{font-family:Sarabun;font-size:3.7333333333vw;font-weight:600;line-height:5.3333333333vw;padding:0 5.3333333333vw}.base-button.mobile.size--compact[data-v-6c2f1139]{height:9.6vw}.base-button.mobile.size--tiny[data-v-6c2f1139]{border-radius:266.4vw;font-family:Sarabun;font-size:3.2vw;font-weight:600;height:6.4vw;line-height:4.2666666667vw;padding:0 3.2vw}.base-button.mobile.header-button[data-v-6c2f1139]{font-family:Sarabun;font-size:3.2vw;font-weight:700;line-height:4.2666666667vw;padding:0;width:22.4vw}