.btn{display:inline-flex;vertical-align:middle;align-items:center;text-align:center;justify-content:center;cursor:pointer;text-decoration:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-weight:700;line-height:1;font-size:var(--fz-base);border-radius:var(--border-radius-big);transition:background-color var(--t-dur),color var(--t-dur),border-color var(--t-dur);color:var(--c-white);background-color:var(--c-theme);border:1px solid var(--c-theme);gap:var(--gap-small);padding:var(--b-space-medium) var(--b-space)}.btn .btn__label{text-align:center}.btn .btn__ico{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:2.4rem;height:2.4rem;transition:transform var(--t-dur)}.btn .btn__ico svg{display:block;width:100%;height:100%}@media (hover: hover) and (pointer: fine){.btn:hover .btn__ico{transform:translate(.4rem)}}.btn:active .btn__ico{transform:translate(.4rem)}.btn--white{color:var(--c-theme);background-color:var(--c-white);border-color:var(--c-white)}@media (hover: hover) and (pointer: fine){.btn--white:hover{color:var(--c-white);background-color:transparent;border-color:var(--c-white)}}.btn--white:active{color:var(--c-white);background-color:transparent;border-color:var(--c-white)}.btn--small{padding:.8rem 0}.btn--outline{color:var(--c-base);background-color:var(--c-white);border-color:var(--c-field-border)}@media (hover: hover) and (pointer: fine){.btn--outline:hover{color:var(--c-white);background-color:var(--c-theme);border-color:var(--c-theme)}}.btn--outline:active{color:var(--c-white);background-color:var(--c-theme);border-color:var(--c-theme)}.link{display:inline-flex;gap:0 var(--gap-small);align-items:center;flex-wrap:wrap;font-weight:700;text-decoration:none;transition:color var(--t-dur),opacity var(--t-dur)}.link svg{display:block;width:2.4rem;height:2.4rem;flex-shrink:0;transition:transform var(--t-dur)}@media (hover: hover) and (pointer: fine){.link:not(.text-c-theme):hover{color:var(--c-theme)}.link:hover svg{transform:translate(.4rem)}}@media (hover: hover) and (pointer: fine){.link.text-c-theme:hover{opacity:.7}}.link.text-c-theme:active{opacity:.7}.link:active svg{transform:translate(.4rem)}.link-underline{font-weight:400;text-decoration:underline;transition:color var(--t-dur),opacity var(--t-dur)}@media (hover: hover) and (pointer: fine){.link-underline:not(.text-c-theme):hover{color:var(--c-theme)}}@media (hover: hover) and (pointer: fine){.link-underline.text-c-theme:hover{opacity:.7}}.link-underline.text-c-theme:active{opacity:.7}