.ls-button .ls-button-wrapper{align-items:center;border:none;border-radius:.5rem;cursor:pointer;display:inline-flex;font-family:Kanit;justify-content:center;line-height:16px}.ls-button .x-small{font-size:10px;padding:.5rem .75rem}.ls-button .small{font-size:12px;padding:.75rem}.ls-button .medium{font-size:14px;padding:1rem}.ls-button .large{font-size:14px;padding:1rem 1.25rem}@media(max-width:767px){.ls-button .m-x-small{font-size:10px;padding:.5rem .75rem}.ls-button .m-small{font-size:12px;padding:.75rem}.ls-button .m-medium{font-size:12px;padding:1rem}.ls-button .m-large{font-size:16px;padding:1rem 1.25rem}}.ls-button .primary{background:#1570ef;color:#fff}.ls-button .primary:hover{background:#175cd3}.ls-button .primary:disabled{background:#f3f4f6;color:#d1d5db;cursor:default}.ls-button .primary-pressed{background:#1570ef;box-shadow:0 0 0 2px rgba(59,130,246,.25);color:#fff}.ls-button .primary-gradient{background:linear-gradient(90deg,#1570ef,#194185);color:#fff}.ls-button .primary-gradient:disabled{background:#f3f4f6;color:#d1d5db;cursor:default}.ls-button .primary-gradient:hover{background:#175cd3}.ls-button .primary-gradient-pressed{background:#1570ef;color:#fff}.ls-button .outline-ls{border:1px solid #1570ef;color:#1570ef}.ls-button .outline-ls:hover{background:#f5faff;border:1px solid #175cd3;color:#175cd3;cursor:pointer}.ls-button .outline-ls:disabled{background:#fff;border:1px solid #e5e7eb;box-shadow:none;color:#d1d5db;cursor:default}.ls-button .outline-ls-pressed{background:hsla(0,0%,100%,.012);border:1px solid #1570ef;box-shadow:0 0 0 2px rgba(59,130,246,.25);color:#1570ef}.ls-button .outline-gray{background:#fff;border:1px solid #6b7280;color:#6b7280}.ls-button .outline-gray:hover{background:#fff;border:1px solid #1f2937;color:#1f2937}.ls-button .outline-gray-pressed{background:hsla(0,0%,100%,.012);border:1px solid #6b7280;box-shadow:0 0 0 2px rgba(31,41,55,.25);color:#6b7280}.ls-button .outline-gray:disabled{background:#fff;border:1px solid #e5e7eb;box-shadow:none;color:#d1d5db;cursor:default}.ls-button .success{background:#489b1c;color:#fff}.ls-button .success:hover{background:#338213}.ls-button .success:disabled{background:#f3f4f6;color:#d1d5db;cursor:default}.ls-button .success-pressed{background:#489b1c;box-shadow:0 0 0 2px rgba(96,181,39,.25);color:#fff}.ls-button .ghost{background:hsla(0,0%,100%,.012);color:#1570ef}.ls-button .ghost:hover{background:#f5faff;color:#1849a9}.ls-button .ghost:disabled{background:hsla(0,0%,100%,.012);color:#d1d5db;cursor:default}.ls-button .ghost-pressed{background:hsla(0,0%,100%,.012);box-shadow:0 0 0 2px rgba(59,130,246,.25);color:#1570ef}.ls-button .ghost-gray{background:hsla(0,0%,100%,.012);color:#6b7280}.ls-button .ghost-gray:disabled{background:hsla(0,0%,100%,.012);color:#d1d5db;cursor:default}.ls-button .ghost-gray:hover{background:#f8fafc;color:#6b7280}.ls-button .ghost-gray-pressed{background:hsla(0,0%,100%,.012);box-shadow:0 0 0 2px rgba(31,41,55,.25);color:#6b7280}.ls-button .link{background:hsla(0,0%,100%,.012);color:#1570ef;padding:0}.ls-button .link:hover{color:#1849a9}.ls-button .link-pressed{background:hsla(0,0%,100%,.012);color:#1570ef;padding:0}.ls-button .link:active{color:#1570ef}.ls-button .link:disabled{color:#d1d5db}.ls-button .link-neutral{background:hsla(0,0%,100%,.012);color:#6b7280;font-weight:400;padding:0}.ls-button .link-neutral:hover{color:#6b7280}.ls-button .link-neutral-pressed{background:hsla(0,0%,100%,.012);color:#6b7280;font-weight:400;padding:0}.ls-button .link-neutral:active{color:#1570ef}.ls-button .link-neutral:disabled{color:#d1d5db}.ls-button .dark,.ls-button .dark-pressed{border:1px solid #fff;color:#fff}.ls-button .dark-pressed{background:#fff;box-shadow:0 0 0 2px rgba(156,163,175,.25)}.ls-button .dark:hover{border:1px solid #fff;color:hsla(0,0%,100%,.702)}.ls-button .dark:disabled{border:1px solid hsla(0,0%,100%,.102);color:hsla(0,0%,100%,.102)}.ls-button .outline-dark{border:1px solid #2e90fa;color:#2e90fa}.ls-button .outline-dark:hover{border:1px solid #2e90fa;color:#84caff}.ls-button .outline-dark-pressed{background:hsla(0,0%,100%,.012);border:1px solid #2e90fa;box-shadow:0 0 0 1px rgba(59,130,246,.25);color:#2e90fa}.ls-button .outline-dark:disabled{border:1px solid #d1d5db;color:#d1d5db}.ls-button .dark-gradient{background:linear-gradient(87deg,#1570ef,#9b2eff);color:#fff}.ls-button .dark-gradient:disabled{background:#f3f4f6;color:#d1d5db;cursor:default}.ls-button .dark-gradient-pressed,.ls-button .dark-gradient:hover{background:linear-gradient(87deg,#1570ef,#9b2eff)}.ls-button .dark-gradient-pressed{color:#fff}.ls-button .outline-light{border:1px solid #fff;color:#fff}.ls-button .outline-light:hover{border:1px solid hsla(0,0%,100%,.7);color:hsla(0,0%,100%,.7)}.ls-button .outline-light-pressed{background:hsla(0,0%,100%,.01);border:1px solid #fff;box-shadow:0 0 0 2px rgba(156,163,175,.25);color:#fff}.ls-button .outline-light:disabled{border:1px solid var(--Components-Button-Outline-Light-Border-Disabled-Color,hsla(0,0%,100%,.1));color:hsla(0,0%,100%,.1)}