.Button{align-items:center;background:var(--color-main);border:2px solid var(--color-main);border-radius:4px;color:var(--color-text);cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;gap:12px;justify-content:center;line-height:22px;min-height:56px;outline:none;padding:12px 22px;position:relative;text-align:center;text-decoration:none;text-transform:uppercase;transition:background-color .2s ease,color .2s ease,border-color .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media screen and (max-width:767px){.Button{min-height:48px}}.Button:hover{background:var(--color-main-hover);border-color:var(--color-main-hover);color:var(--color-text)}.Button:active{background:var(--color-main-active);border-color:var(--color-main-active);color:var(--color-text)}.Button--full{display:flex;width:100%}.Button--bordered{background:transparent;border-color:var(--color-main);color:var(--color-text)}.Button--loading{color:transparent!important;cursor:progress!important}.Button--loading:before{animation:spinner .6s linear infinite;background:transparent;border:2px solid rgba(10,17,36,.25);border-radius:50%;border-top-color:#0a1124;content:"";display:block;height:20px;left:50%;position:absolute;top:50%;transform:translate(-50%) translateY(-50%);width:20px}@keyframes spinner{0%{transform:translate(-50%) translateY(-50%) rotate(0)}to{transform:translate(-50%) translateY(-50%) rotate(359deg)}}