@media (hover: hover) {
  .animation-link:hover {
    background-size: 100% 1px;
  }

  .button-main:hover {
    background: var(--blue-hover);
  }

  .button-main:disabled:hover {
    background-color: var(--blue);
  }

  .button-second:hover {
    background: var(--button-gray-lighten-hover);
  }

  .button-second:disabled:hover {
    background-color: var(--button-gray-lighten);
  }

  .button:hover {
    background-color: var(--button-gray-hover);
  }

  .button_type_primary:hover {
    background: var(--blue-hover);
  }

  .dialog__btn:hover {
    background-color: var(--cian);
  }

  .swiper-slide-hover:hover {
    background-color: var(--banner-hover);
  }

  .solutions__body li.disabled button:disabled:hover {
    background-color: var(--blue);
  }

  .solutions__line button:hover {
    background-color: var(--cian);
  }

  .reviews__list::-webkit-scrollbar-thumb:hover {
    background: #888;
  }

  .popup__close:hover {
    background: var(--light-gray);
    padding: 10px;
    border-radius: 50%;
  }

  .docs__item-link:hover {
    background-color: var(--bg-grey-loader);
  }

  .ch-configurator .button-main:hover {
    background-color: var(--button-gray-lighten-hover);
  }

  .ch-configurator__delete-button:hover {
    background-color: var(--button-gray-lighten-hover);
  }

  .button-toggle:hover {
    background-color: var(--button-gray-lighten-hover);
  }

  .button-toggle_active:hover {
    background-color: var(--blue-hover);
  }

  .ch-overall-price__button:hover {
    background-color: var(--button-gray-lighten-hover);
  }

  .tooltip__text:hover {
    visibility: visible;
  }

  .tooltip__trigger:hover ~ .tooltip__text {
    visibility: visible;
  }
}

@media (hover: none) {
  .animation-link:active {
    background-size: 100% 1px;
  }

  .button-main:active {
    background: var(--blue-hover);
  }

  .button-main:disabled:active {
    background-color: var(--blue);
  }

  .button-second:active {
    background: var(--button-gray-lighten-hover);
  }

  .button-second:disabled:active {
    background-color: var(--button-gray-lighten);
  }

  .button:active {
    background-color: var(--button-gray-hover);
  }

  .button_type_primary:active {
    background: var(--blue-hover);
  }

  .dialog__btn:active {
    background-color: var(--cian);
  }

  .swiper-slide-hover:active {
    background-color: var(--banner-hover);
  }

  .solutions__body li.disabled button:disabled:active {
    background-color: var(--blue);
  }

  .solutions__line button:active {
    background-color: var(--cian);
  }

  .reviews__list::-webkit-scrollbar-thumb:active {
    background: #888;
  }

  .popup__close:active {
    background: var(--light-gray);
    padding: 10px;
    border-radius: 50%;
  }

  .docs__item-link:active {
    background-color: var(--bg-grey-loader);
  }

  .ch-configurator .button-main:active {
    background-color: var(--button-gray-lighten-hover);
  }

  .ch-configurator__delete-button:active {
    background-color: var(--button-gray-lighten-hover);
  }

  .button-toggle:active {
    background-color: var(--button-gray-lighten-hover);
  }

  .button-toggle_active:active {
    background-color: var(--blue-hover);
  }

  .ch-overall-price__button:hover {
    background-color: var(--button-gray-lighten-hover);
  }

  .tooltip__trigger:focus ~ .tooltip__text {
    visibility: visible;
  }
}