.button{min-height:42px;padding-inline:16px;padding-block:8px;border-radius:2px;font-weight:700;position:relative;--background: #fff}@media (hover: hover){.button:hover:before,.button:disabled:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:var(--background);opacity:.5;z-index:0}}.button:disabled{cursor:not-allowed}.button:hover.forward-button .button__inner svg{position:relative;animation:forwardButtonAnimation 1s forwards ease-out infinite}.button:hover.back-button .button__inner svg{position:relative;animation:backButtonAnimation 1s forwards ease-out infinite}.button:hover.add-button .button__inner svg{position:relative;animation:addButtonAnimation 1s forwards ease-out infinite}.button:hover.sync-button .button__inner svg{position:relative;animation:syncButtonAnimation 2s forwards ease infinite}@keyframes backButtonAnimation{0%{left:0}90%{left:-8px}to{left:0}}@keyframes forwardButtonAnimation{0%{right:0}90%{right:-8px}to{right:0}}@keyframes addButtonAnimation{0%{transform:scale(1)}90%{transform:scale(1.4)}to{transform:scale(1)}}@keyframes syncButtonAnimation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.button__inner{display:flex;align-items:center;justify-content:center;column-gap:8px;text-align:center}.button__full{width:100%}.button [role=status]{position:absolute;margin:auto;top:0;right:0;bottom:0;left:0}.button__loading .button__inner{visibility:hidden}.button.background_primary{--background: var(--brand-color-main);background:var(--background)}.button.background_secondary{--background: var(--brand-color-accent);background:var(--background)}.button.background_light{--background: #fff;background:var(--background)}.button.color_primary{color:var(--brand-color-main)}.button.color_secondary{color:var(--brand-color-accent)}.button.color_light{color:#fff}.button.outline_secondary{border:1px solid var(--brand-color-accent)}.button.outline_primary{border:1px solid var(--brand-color-main)}.button.outline_light{border:1px solid #fff}.btn .button__inner{display:flex;align-items:center;justify-content:center;column-gap:8px}.btn [role=status]{position:absolute;margin:auto;top:0;right:0;bottom:0;left:0}.btn.button__loading{position:relative}.btn.button__loading .button__inner{visibility:hidden}