ws-btn{display: inline-block}
ws-btn .btn{-webkit-appearance: none;-moz-appearance: none;appearance: none;display: inline-flex;flex-direction: row;flex-wrap: nowrap;align-items: center;justify-content: center;width: 100%;padding: 10px 16px;border: 0;border-radius: 12px;background: transparent;cursor: pointer;transition: all 0.15s ease-in-out;transition-property: box-shadow,background,color}
.btn.btn-plain{padding: 12px 16px;border-radius: 8px}
.btn.btn-reg{padding: 16px}
.btn.btn-fast-reg{padding: 8px 12px;border-radius: 10px}
.btn.btn-manager{padding: 16px}
.btn.btn-nav{padding: 14px}
.btn.btn-header{padding: 6px 12px;border-radius: 10px}
ws-btn .btn > span{padding: 0 8px;font-family: 'Inter',sans-serif;font-weight: 500;line-height: 24px;text-align: center;white-space: nowrap}
.btn.btn-cta > span{font-size: 15px}
.btn.btn-secondary > span{font-size: 15px}
.btn.btn-outline > span{font-size: 16px}
.btn.btn-plain > span{padding: 0 4px;font-size: 16px;line-height: 20px}
.btn.btn-reg > span{font-size: 18px}
.btn.btn-manager > span{font-size: 18px}
.btn.btn-fast-reg > span{font-size: 16px;line-height: 32px}
.btn.btn-header > span{padding: 0 4px;font-size: 14px}
.btn.btn-header.btn-header-reg > span{z-index: 1}
ws-btn .btn ws-icon{display: inline-flex;place-content: center;align-items: center;width: 28px;height: 24px}
.btn.btn-plain ws-icon{height: 20px}
.btn.btn-nav ws-icon{height: 28px}
.btn.btn-header ws-icon{width: 20px;height: 20px}
ws-btn .btn svg{width: 20px;height: 20px;color: var(--colors-slate-0);transition: fill 0.15s ease-in-out}
.btn.btn-cta svg{fill: var(--colors-slate-0)}
.btn.btn-cta.btn-w svg{fill: var(--colors-slate-trans-900)}
.btn.btn-cta.btn-w:disabled svg{color: var(--colors-alpha-light-60)}
.btn.btn-secondary.btn-a:disabled svg{color: var(--colors-slate-trans-400)}
.btn.btn-outline svg{fill: var(--colors-slate-trans-700)}
.btn.btn-outline:hover svg{fill: var(--colors-slate-0)}
.btn.btn-plain svg{fill: var(--colors-neutral-900)}
.btn.btn-plain:hover svg{fill: var(--colors-neutral-trans-900)}
.btn.btn-plain:disabled svg{fill: var(--colors-neutral-400)}
.btn.btn-reg img{width: 24px;height: 24px;margin: 0 4px;border-radius: 12px}
.btn.btn-fast-reg svg{width: 32px;height: 32px}
.btn.btn-nav svg{width: 28px;height: 28px;fill: var(--colors-stone-trans-500)}
.btn.btn-nav:hover svg{fill: var(--colors-slate-0)}
.btn.btn-disabled,.btn[disabled]{cursor: default}
.btn.btn-cta:not(.btn-secondary){box-shadow: 0 0 0 1.5px var(--btn-shdw-color) inset;background: var(--btn-bg-color);color: var(--colors-slate-0)}
.btn.btn-cta:hover{box-shadow: 0 0 0 1.5px var(--btn-shdw-color-hover) inset;background: var(--btn-bg-color-hover)}
.btn.btn-cta:active{box-shadow: unset;background: var(--btn-bg-color-pressed)}
.btn.btn-cta:disabled{box-shadow: unset;background: var(--btn-bg-color-disabled)}
.btn.btn-cta.btn-w{color: var(--colors-slate-trans-900)}
.btn.btn-cta.btn-w:disabled{color: var(--colors-alpha-light-60)}
.btn.btn-secondary{box-shadow: 0 0 0 2px var(--btn-shdw-color) inset;color: var(--colors-slate-trans-700)}
.btn.btn-secondary:hover{box-shadow: unset;background: var(--btn-bg-color-hover)}
.btn.btn-secondary:active{box-shadow: unset;background: var(--btn-bg-color-pressed)}
.btn.btn-secondary:disabled{box-shadow: 0 0 0 2px var(--btn-shdw-color-disabled) inset;background: unset;color: var(--colors-slate-trans-400)}
.btn.btn-outline{box-shadow: 0 0 0 1px var(--colors-slate-trans-500) inset;color: var(--colors-slate-trans-700)}
.btn.btn-outline:hover{box-shadow: 0 0 0 1px var(--colors-slate-trans-900) inset;background: var(--colors-slate-trans-900);color: var(--colors-slate-0)}
.btn.btn-outline:active{box-shadow: unset;background: var(--btn-bg-color-pressed)}
.btn.btn-plain{color: var(--colors-neutral-900)}
.btn.btn-plain:hover{box-shadow: 0 0 0 1px var(--colors-neutral-trans-300) inset;color: var(--colors-neutral-trans-900)}
.btn.btn-plain:active{box-shadow: 0 0 0 1px var(--colors-neutral-trans-900) inset;background: var(--colors-neutral-trans-200)}
.btn.btn-plain:disabled{box-shadow: unset;background: unset;color: var(--colors-neutral-400)}
.btn.btn-reg{box-shadow: 0 0 0 2px var(--btn-shdw-color) inset;background: var(--btn-bg-color);color: var(--colors-slate-0)}
.btn.btn-reg:hover{background: var(--btn-bg-color-hover)}
.btn.btn-reg:active{background: var(--btn-bg-color-pressed)}
.btn.btn-reg:disabled{background: var(--btn-bg-color-disabled)}
.btn.btn-fast-reg{background: #CCD4E3}
.btn.btn-fast-reg:hover{background: var(--colors-slate-0)}
.btn.btn-fast-reg:active{box-shadow: 0 0 0 2px var(--colors-slate-0)}
.btn.btn-manager{box-shadow: 0 0 0 2px var(--btn-shdw-color) inset;color: var(--colors-slate-0)}
.btn.btn-manager:hover{background: var(--btn-bg-color-hover)}
.btn.btn-manager:active{background: var(--btn-bg-color-pressed)}
.btn.btn-nav:hover{background: var(--colors-neutral-trans-900);box-shadow: 0 2px 12px 0 var(--colors-alpha-dark-15)}
.btn.btn-nav:active{background: var(--colors-neutral-trans-600)}
.btn.btn-header{box-shadow: 0 0 0 2px var(--btn-shdw-color) inset;color: var(--colors-slate-trans-700)}
.btn.btn-header:hover,.menu-lang > li:hover .btn-header{box-shadow: unset;background: var(--btn-bg-color-hover)}
.btn.btn-header:active{background: var(--btn-bg-color-pressed)}
.btn.btn-header:focus-visible{box-shadow: 0 0 0 2px var(--btn-shdw-color) inset,0 0 0 2px #4C88FF}
.btn.btn-header.btn-header-plain{box-shadow: unset}
.btn.btn-header.btn-header-plain:focus-visible{box-shadow: 0 0 0 2px #4C88FF}
.btn.btn-header.btn-header-reg{position: relative;background: var(--btn-bg-color);color: var(--colors-slate-0);overflow: hidden}
.btn.btn-header.btn-header-reg:hover{background: var(--btn-bg-color-hover)}
.btn.btn-header.btn-header-reg:active{background: var(--btn-bg-color-pressed)}
.btn.btn-header.btn-header-reg:disabled{background: var(--btn-bg-color-disabled);box-shadow: unset}
.btn.btn-header.btn-header-reg:focus-visible{outline: 2px solid #4C88FF;outline-offset: 2px}
.btn.btn-price:hover{box-shadow: 0 0 0 1px var(--btn-shdw-color) inset;background: var(--btn-bg-color-hover)}
.btn.btn-price:active{box-shadow: 0 0 0 1px var(--btn-shdw-color) inset;background: var(--btn-bg-color-pressed)}
.btn.btn-a{--btn-bg-color: var(--colors-slate-900);--btn-bg-color-hover: var(--colors-slate-700);--btn-bg-color-pressed: var(--colors-slate-500);--btn-bg-color-disabled: var(--colors-slate-300);--btn-shdw-color: var(--colors-alpha-light-10);--btn-shdw-color-hover: var(--colors-slate-700)}
.btn.btn-secondary.btn-a{--btn-bg-color-hover: var(--colors-slate-trans-300);--btn-bg-color-pressed: var(--colors-slate-trans-400);--btn-shdw-color: var(--colors-slate-trans-300);--btn-shdw-color-disabled: var(--colors-slate-trans-200)}
.btn.btn-w{--btn-bg-color: var(--colors-slate-0);--btn-bg-color-hover: var(--colors-alpha-light-70);--btn-bg-color-pressed: var(--colors-slate-0);--btn-bg-color-disabled: var(--colors-alpha-light-15);--btn-shdw-color: var(--colors-slate-0);--btn-shdw-color-hover: var(--colors-alpha-light-00)}
.btn.btn-reg{--btn-bg-color: var(--colors-indigo-500);--btn-bg-color-hover: var(--colors-indigo-400);--btn-bg-color-pressed: var(--colors-indigo-300);--btn-bg-color-disabled: var(--colors-slate-800);--btn-shdw-color: var(--colors-slate-950)}
.btn.btn-manager{--btn-bg-color-hover: var(--colors-slate-800);--btn-bg-color-pressed: var(--colors-slate-700);--btn-shdw-color: var(--colors-slate-600)}
.btn.btn-header{--btn-bg-color-hover: var(--colors-slate-trans-200);--btn-bg-color-pressed: var(--colors-slate-trans-300);--btn-shdw-color: var(--colors-slate-trans-300)}
.btn.btn-header.btn-header-reg{--btn-bg-color: var(--colors-slate-900);--btn-bg-color-hover: var(--colors-blue-900);--btn-bg-color-pressed: #4A67B5;--btn-bg-color-disabled: var(--colors-slate-300);--btn-shdw-color: var(--colors-slate-trans-400)}
.btn.btn-price{--btn-bg-color-hover: var(--colors-indigo-500);--btn-bg-color-pressed: var(--colors-indigo-400);--btn-shdw-color: var(--colors-slate-trans-300)}
.btn.btn-32{height: 32px}
.btn.btn-36{height: 36px}
.btn.btn-40{height: 40px}
.btn.btn-44{height: 44px}
.btn.btn-48{height: 48px}
.btn.btn-52{height: 52px}
.btn.btn-52 > span{font-size: 16px}
.btn.btn-56{height: 56px}
.cookieAlert__btns .btn-w.deny{--btn-bg-color: var(--colors-alpha-light-15);--btn-shdw-color: var(--colors-alpha-light-10)}
.cookieAlert__btns .btn-w.deny{color: var(--colors-slate-0)}
.cookieAlert__btns .btn-w.deny:hover{color: var(--colors-slate-trans-900)}
.btn-pager{display: inline-flex;align-items: center;gap: 20px;box-shadow: 0 0 0 2px var(--colors-slate-trans-300) inset;border-radius: 12px;height: 52px;padding: 0 24px;transition: 0.3s ease}
.btn-pager span{font-family: 'Inter',sans-serif;font-weight: 500;font-size: 16px;line-height: 24px;text-align: center;white-space: nowrap;color: var(--colors-slate-trans-900)}
.btn-pager svg{width: 20px;height: 20px}
.btn-pager svg path{fill: var(--colors-slate-trans-900)}
.btn-pager[rel=prev] svg{transform: rotate(180deg)}
.btn-pager:hover{box-shadow: none;background-color: var(--colors-slate-trans-300)}
