:root{--button-radius:30px;--button-width:400px}.Btn{backface-visibility:hidden;border-radius:var(--button-radius);cursor:pointer;font-size:var(--font-h-s-size);font-weight:var(--font-h-s-weight);align-items:center;gap:var(--space-100);line-height:var(--font-h-s-line-height);padding:var(--space-200);text-wrap:nowrap;justify-content:center;display:flex}.Btn-maxWidth{max-width:var(--button-width)}.Btn_Text{color:var(--color-text);padding:var(--space-050)var(--space-025)}.Btn:disabled{pointer-events:none}.Btn:disabled .Btn_Text{color:var(--color-text-disabled)}.Btn:focus:not(:disabled){box-shadow:0 0 0 2px var(--color-border-bold)}.Btn:focus-visible:not(:disabled){outline:none}@media (hover:hover){.Btn:hover:not(:disabled){background-color:var(--bc-light-100A)}}.Btn:focus-visible:not(:disabled){background-color:var(--bc-light-100A)}.Btn:active:not(:disabled){background-color:var(--bc-light-200A)}.Btn-clear{padding:var(--space-050)}.Btn-clear:focus:not(:disabled){box-shadow:unset}@media (hover:hover){.Btn-clear:hover:not(:disabled){background-color:unset;color:var(--color-text-brand)}}.Btn-subtle .Btn_Text{color:var(--color-text-subtle)}.Btn-black{background-color:var(--color-bg-colored-black)}.Btn-black .Btn_Text{color:var(--color-text-colored-white)}@media (hover:hover){.Btn-black:hover:not(:disabled){background-color:var(--color-bg-colored-black)}.Btn-black:hover:not(:disabled) .Btn_Text{color:var(--color-text-brand)}}.Btn-black:active:not(:disabled),.Btn-black:focus-visible:not(:disabled){background-color:var(--color-bg-colored-black)}.Btn-black:active:not(:disabled) .Btn_Text,.Btn-black:focus-visible:not(:disabled) .Btn_Text{color:var(--color-text-brand)}.Btn-yellow{background-color:var(--color-bg-brand-bold)}.Btn-yellow .Btn_Text{color:var(--color-text-colored-black)}.Btn-yellow:focus:not(:disabled){box-shadow:0 0 0 2px var(--color-icon-colored-black)}@media (hover:hover){.Btn-yellow:hover:not(:disabled){background-color:var(--color-bg-brand-bold);box-shadow:0 0 0 2px var(--color-icon-colored-black)}}.Btn-yellow:active:not(:disabled),.Btn-yellow:focus-visible:not(:disabled){background-color:var(--color-bg-brand-bold);box-shadow:0 0 0 2px var(--color-icon-colored-black)}
