@media (hover: hover) {
  .underline {
    cursor: pointer;
  }

  .underline:hover:before {
    transform: scaleX(1);
    transition: transform 0.4s;
  }

  .btn-link:hover .icon-place {
    opacity: 1;
    transition: 0.4s;
  }

  .btn-link:hover .btn-line {
    transform: translate(-15px);
    transition: 0.4s;
  }

  .btn:hover {
    background-color: #665f55;
    cursor: pointer;
    transition: 0.5s;
  }

  .btn:hover .next-arr path {
    stroke: #e1d4c9;
    transition: 0.5s;
  }

  .btn:hover .prev-arr path {
    stroke: #e1d4c9;
    transition: transform 0.4s;
  }

  .img-1:hover {
    transform: scale(0.93);
    transition: 0.5s;
  }

  .img-3:hover {
    transform: scale(0.93);
    transition: 0.5s;
  }

  .img-4:hover {
    transform: scale(0.93);
    transition: 0.5s;
  }

  .img-2:hover {
    transform: scale(0.93);
    transition: 0.5s;
  }

  .store-btn:hover {
    background: #665f55;
    transition: 2s;
    cursor: pointer;
  }

  .store-btn:hover .icon-text {
    color: #e1d4c9;
    transition: transform 2s;
  }
  .store-btn:hover .icon-svg path {
    fill: #e1d4c9;
  }

  .net-icons:hover {
    border: 1px solid #e1d4c9;
    background-color: #e1d4c9;
    transition: 1s;
  }

  .net-icons:hover .net-svg path {
    stroke: #403f3d;
    transition: 1s;
  }

  .contact-link:hover {
    cursor: pointer;
  }

  .contact-link:hover:before {
    transform: scaleX(1);
    transition: transform 0.4s;
  }

  .menu-type:hover {
    background-color: #665f55;
    color: #e1d4c9;
    transition: 0.4s;
    cursor: pointer;
  }

  .menu-type:hover .menu-type_icon {
    background-color: #e1d4c9;
    transition: 0.4s;
  }

  .menu-item:hover {
    cursor: pointer;
  }

  .menu-item:hover .coffee-1 {
    transform: scale(0.93);
    transition: 0.5s;
  }
}