.button{cursor:pointer;padding:1.6rem var(--SpaceM);border-radius:var(--Corners__Buttons);border:none;justify-content:center;align-items:center;font-size:1.6rem;font-weight:400;line-height:1.2;text-decoration:none;display:inline-flex}@media (min-width:1400px){.button{font-size:1.8rem;font-weight:500}}.button{gap:var(--spacing-xxxs,var(--SpaceXXXS));transition:background-color .34s cubic-bezier(.43,0,.47,1),box-shadow .34s cubic-bezier(.43,0,.47,1),color .34s cubic-bezier(.43,0,.47,1),border-color .34s cubic-bezier(.43,0,.47,1),transform .34s cubic-bezier(.43,0,.47,1)}@media (min-width:1400px){.button{padding:1.7rem var(--SpaceM)}}.button:disabled{opacity:.3;cursor:not-allowed}.button:active{transform:translateZ(0)scale(.99)}.button.with-icon--left{flex-direction:row-reverse}.button:focus-visible{outline:2px solid var(--focus-default);box-shadow:none}.button [class*=icon-]{flex-shrink:0;justify-content:center;align-items:center;font-size:2rem;display:flex}@media (min-width:1400px){.button [class*=icon-]{font-size:2.4rem}}.button--primary{background-color:var(--Brand-Colors-Accent-100);color:var(--Interface-Basics-Dark-Grey);box-shadow:0 4px 12px #063f2700,0 16px 60px #063f2700}@media (hover:hover){.button--primary:hover:not(:disabled){background-color:var(--Brand-Colors-Accent-80);box-shadow:0 4px 12px #063f270f,0 16px 60px #063f271a}}.button--secondary{background-color:var(--Interface-Basics-Secondary-Light);color:var(--Interface-Basics-Text-Dark)}@media (hover:hover){.button--secondary:hover:not(:disabled){background-color:var(--Interface-Basics-Secondary-Medium)}}.button--download{background-color:var(--Interface-Basics-Secondary-Light);color:var(--Interface-Basics-Text-Dark);padding-top:1.2rem;padding-bottom:1.2rem;font-size:1.6rem;font-weight:400;line-height:1.125}@media (min-width:1400px){.button--download{font-size:1.8rem}}.button--download{padding-right:var(--spacing-m,var(--SpaceM));padding-left:var(--spacing-s,var(--SpaceS));gap:var(--spacing-xxs,var(--SpaceXXS))}.button--download .button__label{border-left:1px solid var(--Interface-Basics-Line-Light);padding-block:var(--spacing-xxxs,var(--SpaceXXXS));padding-left:var(--spacing-xxs,var(--SpaceXXS));display:inline-block}.button--download .icon-wrapper{position:relative;overflow:hidden}.button--download .icon-wrapper span{transition:transform .34s cubic-bezier(.43,0,.47,1),opacity .34s cubic-bezier(.43,0,.47,1)}.button--download .icon-wrapper>span:last-child{opacity:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-150%)}.button--download:hover .icon-wrapper span{opacity:0;transform:translateY(150%)}.button--download:hover .icon-wrapper span:last-child{opacity:1;transform:translate(-50%,-50%)}@media (hover:hover){.button--download:hover:not(:disabled){background-color:var(--Interface-Basics-Secondary-Medium)}}.button--login{background-color:var(--Brand-Colors-Dark-Forest-100);color:var(--Interface-Basics-White);padding-top:.9rem;padding-bottom:.9rem;padding-inline:var(--spacing-xs,var(--SpaceXS))}@media (hover:hover){.button--login:hover:not(:disabled){background-color:var(--Brand-Colors-Dark-Forest-90)}}@media (min-width:1400px){.button--login{padding:1.7rem var(--SpaceS)}}.button--link{color:var(--Interface-Basics-Link);gap:var(--SpaceXXXS);background-color:#0000;padding:0}@media (hover:hover){.button--link:hover:not(:disabled){color:var(--Interface-Basics-Link-Rollover)}}.button--link:disabled{opacity:.5;cursor:not-allowed}
.toggle-icon{background-color:var(--Interface-Basics-Secondary-Light);border-radius:50%;flex:none;justify-content:center;align-items:center;width:3.2rem;height:3.2rem;transition:background .34s cubic-bezier(.43,0,.47,1);display:flex;position:relative}@media (min-width:1400px){.toggle-icon{width:4.8rem;height:4.8rem}}.toggle-icon:before,.toggle-icon:after{content:"";background-color:#000;width:1.5rem;height:1px;transition:transform .34s cubic-bezier(.43,0,.47,1);display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (min-width:1400px){.toggle-icon:before,.toggle-icon:after{width:1.8rem}}.toggle-icon:after{transform:translate(-50%,-50%)rotate(90deg)}.toggle-icon.is-open:after{transform:translate(-50%,-50%)rotate(90deg)scale(0)}
.button-group{gap:var(--spacing-xxs,var(--SpaceXXS));flex-wrap:wrap;display:flex}
