.button{display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:8px;font-family:inherit;font-weight:500;text-decoration:none;cursor:pointer;transition:all .2s ease-in-out;position:relative;white-space:nowrap}.button:disabled{opacity:.6;cursor:not-allowed}.button:focus{outline:none}.button.link-button{min-height:unset!important;cursor:pointer}.button[data-size=small]{padding:8px 16px;font-size:12px;min-height:28px}.button[data-size=medium]{padding:10px 20px;font-size:16px;min-height:44px}.button[data-size=large]{padding:16px 32px;font-size:20px;min-height:52px}.button[data-full-width=true]{width:100%}.button[data-variant=primary]{background:radial-gradient(ellipse at right bottom,#0770f1 30%,#04418b 70%);background-size:200% 100%;background-position:0;color:#fff;box-shadow:0 2px 8px rgba(0,114,255,.3);transition:background-position .6s ease-in-out,box-shadow .3s ease-in-out,transform .1s ease-in-out;font-family:Inter,sans-serif;font-style:normal;font-weight:500;line-height:120%}.button[data-variant=primary]:hover:not(:disabled){background-position:100%;box-shadow:0 4px 12px rgba(0,114,255,.4);color:#fff}.button[data-variant=primary]:active:not(:disabled){transform:scale(.95);box-shadow:0 1px 4px rgba(0,114,255,.2)}.button[data-variant=secondary]{background:#fff;color:#18212c;box-shadow:0 2px 8px rgba(0,0,0,.1)}.button[data-variant=secondary]:hover:not(:disabled){background:#f8f9fa;box-shadow:0 4px 12px hsla(0,0%,100%,.15);transform:translateY(-1px)}.button[data-variant=secondary]:active:not(:disabled){transform:scale(.95);box-shadow:0 2px 4px rgba(0,0,0,.1)}.button[data-variant=outline]{background:transparent;color:#fff;border:2px solid #fff}.button[data-variant=outline]:hover:not(:disabled){background:hsla(0,0%,100%,.1);border-color:#fff;color:#fff}.button[data-variant=outline]:active:not(:disabled){transform:scale(.95);background:hsla(0,0%,100%,.2)}.button[data-variant=text]{background:transparent;padding:8px 12px;transition:text-shadow .2s ease-in-out,color .2s ease-in-out,transform .1s ease-in-out}.button[data-variant=text]:hover:not(:disabled){text-shadow:0 0 10px hsla(0,0%,100%,.5)}.button[data-variant=text]:active:not(:disabled){transform:scale(.95)}@media(min-width:768px)and (max-width:1199px){.button[data-size=medium]{padding:10px 16px;font-size:14px;min-height:40px}.button[data-size=large]{padding:14px 20px;font-size:16px;min-height:48px}}@media(max-width:767px){.button.fullWidth{width:100%}.button.medium{padding:14px 20px;font-size:16px;min-height:48px}.button.large{padding:18px 24px;font-size:18px;min-height:56px}}