.ui-button{display:flex;font-size:1.125rem;font-weight:500;line-height:1.25rem;text-decoration:none;padding:1.375rem;border:none;border-radius:.75rem;outline:none;justify-content:center;align-items:center;cursor:pointer;transition:all .24s ease;gap:.625rem}.ui-button:active{transform:scale(.95)}.ui-button.is-loading{pointer-events:none;background-color:var(--color__dark)!important}.ui-button.--uppercase{text-transform:uppercase}.ui-button__load{display:none}.ui-button__load.nuxt-icon{position:absolute;z-index:2;font-size:1.5rem;opacity:1;display:none}.ui-button.is-loading .ui-button__load.nuxt-icon{display:block}.ui-button__load.nuxt-icon svg{margin-bottom:0}.ui-button .nuxt-icon{font-size:1.25rem}.ui-button.is-disable,button:disabled{border:1px solid rgba(127,162,194,.25)!important;background-color:#fafafe!important;pointer-events:none}button:disabled .ui-button__text{opacity:.3}.ui-button span{font-family:inherit}.ui-button__text{font-size:1rem;line-height:1.25rem}.ui-button__inner{display:flex;justify-content:center;align-items:center;gap:.625rem}.ui-button.--solid-1{color:var(--color__white);background-color:var(--color__fill-1);font-weight:600}.ui-button.--solid-1:active,.ui-button.--solid-1:hover{background-color:var(--color__fill-1-h)}.ui-button.--solid-1:disabled,.ui-button.--solid-2{color:var(--color__text)}.ui-button.--solid-2{background-color:var(--color__fill-2)}.ui-button.--solid-2:active,.ui-button.--solid-2:hover{background-color:var(--color__fill-2-h)}.ui-button.--solid-3{color:var(--color__dark);background-color:var(--color__fill-3)}.ui-button.--solid-3:active,.ui-button.--solid-3:hover{background-color:var(--color__fill-3-h)}.ui-button.--solid-4{color:var(--color__fill-2);background-color:var(--color__fill-4)}.ui-button.--solid-4:active,.ui-button.--solid-4:hover{background-color:var(--color__fill-4-h)}.ui-button.--border-1{background-color:transparent;box-shadow:inset 0 0 0 1px var(--color__fill-1);color:var(--color__fill-1)}.ui-button.--border-1:hover{color:var(--color__white);background-color:var(--color__fill-1);box-shadow:inset 0 0 0 .125rem var(--color__fill-1)}.ui-button.--border-2:active{background-color:var(--color__fill-1-h);box-shadow:inset 0 0 0 .125rem var(--color__fill-1-h)}.ui-button.--border-2{background-color:transparent;color:var(--color__fill-2)}.ui-button.--border-2,.ui-button.--border-2:hover{box-shadow:inset 0 0 0 .125rem var(--color__fill-2)}.ui-button.--border-2:hover{color:var(--color__text);background-color:var(--color__fill-2)}.ui-button.--border-2:active{background-color:var(--color__fill-2-h);box-shadow:inset 0 0 0 .125rem var(--color__fill-2-h)}.ui-button.--border-3{background-color:transparent;color:var(--color__fill-3)}.ui-button.--border-3,.ui-button.--border-3:hover{box-shadow:inset 0 0 0 .125rem var(--color__fill-3)}.ui-button.--border-3:hover{color:var(--color__text);background-color:var(--color__fill-3)}.ui-button.--border-3:active{background-color:var(--color__fill-3-h);box-shadow:inset 0 0 0 .125rem var(--color__fill-3-h)}.ui-button.--border-4{background-color:transparent;color:var(--color__fill-4)}.ui-button.--border-4,.ui-button.--border-4:hover{box-shadow:inset 0 0 0 .125rem var(--color__fill-4)}.ui-button.--border-4:hover{color:var(--color__white);background-color:var(--color__fill-4)}.ui-button.--border-4:active{background-color:var(--color__fill-4-h);box-shadow:inset 0 0 0 .125rem var(--color__fill-4-h)}.ui-button.--border-error{background-color:transparent;box-shadow:inset 0 0 0 .125rem var(--color__error);color:var(--color__error)}.ui-button.--border-error:hover{color:var(--color__white)}.ui-button.--border-error:active,.ui-button.--border-error:hover{background-color:var(--color__error);box-shadow:inset 0 0 0 .125rem var(--color__error)}.ui-button.--simple-1{background-color:transparent;box-shadow:none;color:var(--color__fill-1)}.ui-button.--l{height:3rem;padding:0 1.5rem}.ui-button.--l.--icon{padding:0 1.375rem;height:3rem;background-color:#fff;transition:all .3s ease}.ui-button.--l.--icon.--not-padding:hover,.ui-button.--l.--icon:hover{background-color:var(--color__gray-1)!important}.ui-button.--l.--icon.--not-padding{padding:0;width:4rem;background-color:#fff!important}.ui-button.--l.--icon.--social{width:3.5rem;height:3.5rem}
