.control-button{align-items:center;background:var(--graphic-main);border:1px solid transparent;border-radius:50%;cursor:pointer;display:flex;height:40px;justify-content:center;overflow:hidden;padding:0;transition:background .2s ease-in,border-color .2s ease-in;width:40px}.control-button .text{font-size:14px}@media(min-width:768px){.control-button .text{font-size:18px}}.control-button:hover:not(.control-button_disabled){background:var(--main-bg);border-color:var(--graphic-main)}.control-button:hover:not(.control-button_disabled) .control-button__icon{color:var(--graphic-main)}.control-button__icon{color:var(--main-color);height:15px;transition:color .2s ease-in;width:9px}.control-button_accent{background:transparent;border:1px solid hsla(0,0%,100%,.24)}.control-button_accent:hover:not(.control-button_disabled){background:var(--graphic-main)}.control-button_accent:hover:not(.control-button_disabled) .control-button__icon{color:var(--main-color)}.control-button_next .control-button__icon{transform:rotate(180deg)}.control-button_disabled{background:var(--main-bg);border-color:#a3a3a3;cursor:not-allowed}.control-button_disabled .control-button__icon{color:#a3a3a3}.control-button_active{background:var(--graphic-main);cursor:default}.control-button_from-tablet{display:none}@media(min-width:768px){.control-button_from-tablet{display:flex}}