.btn{background:var(--graphic-main);border:1px solid transparent;border-radius:var(--space-xxxl);cursor:pointer;gap:var(--space-xl);padding:var(--space-xs) var(--space-lg);text-align:center;transition:background .2s ease-in,border-color .2s ease-in}@media(min-width:768px){.btn{padding:var(--space-sm) var(--space-xl)}}.btn:hover{background:var(--main-bg);border-color:var(--graphic-main)}.btn:hover .btn__text{color:var(--graphic-main)}.btn:hover .btn__icon-wrapper{background:var(--graphic-main);border-color:var(--graphic-main)}.btn:hover .btn__icon{color:var(--main-color)}.btn:hover .btn_only-icon .btn__icon-wrapper{background:var(--main-bg);border:1px solid var(--graphic-main)}.btn:hover .btn_only-icon .btn__icon-wrapper__icon{color:var(--graphic-main)}.btn__text{color:var(--main-color);font-size:13px;font-weight:700;letter-spacing:-.02em;line-height:110%;text-transform:uppercase;transition:color .2s ease-in;white-space:nowrap}@media(min-width:768px){.btn__text{font-size:14px}}.btn__icon-wrapper{align-items:center;background:var(--main-bg);border:1px solid transparent;border-radius:50%;display:flex;height:var(--space-xxxl);justify-content:center;transition:background .2s ease-in,border-color .2s ease-in;width:var(--space-xxxl)}.btn__icon{color:var(--graphic-main);flex:0 0 9px;height:15px;transform:rotate(180deg);transition:color .2s ease-in}.btn_accent{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:transparent;border:1px solid var(--graphic-secondary);border-radius:var(--space-xxs);font-size:13px;font-weight:600;line-height:100%;padding:var(--space-sm);transition:background .2s ease-in}.btn_accent .btn__text,.btn_accent:hover .btn__text{color:var(--main-color)}.btn_accent:hover,.btn_active{background:var(--graphic-main)}.btn_complex{align-items:center;display:flex;justify-content:space-between;padding:var(--space-xxs) var(--space-xxs) var(--space-xxs) var(--space-xl);text-align:left}.btn_only-icon{border-radius:50%;padding:0}.btn_only-icon .btn__icon{color:var(--main-color)}.btn_only-icon .btn__icon-wrapper{background:var(--graphic-main);border:1px solid transparent}.btn_inactive{background:var(--main-bg);border-color:#a3a3a3;cursor:disabled}.btn_inactive .btn{border:1px solid #a3a3a3}.btn_inactive .btn__text{color:#a3a3a3}.btn_inactive .btn__icon-wrapper{background:#a3a3a3}.btn_inactive .btn__icon{color:var(--main-color)}.btn_inactive .btn_only-icon__icon-wrapper{background:#a3a3a3;border-color:#a3a3a3}.btn_inactive .btn_only-icon__icon{color:#a3a3a3}