.hov-loc-wrapper {
      position: fixed;
      top: 50%;
      left: 0;
      transform: translateY(-50%);
      z-index: 1000;
    }

    .hov-loc-btn {
      background-color: #f7efef;
      width: 60px;
      height: 60px;
      border: none;
      border-radius: 0 12px 12px  0;
      display: flex;
      align-items: center;
      justify-content: center;
      box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
      cursor: pointer;
      transition: background-color 0.3s ease;
      overflow: hidden;
    }

    .hov-loc-btn:hover {
      background-color: #640106;
    }

    .hov-loc-icon {
      width: 28px;
      height: 28px;
      transition: transform 0.3s ease-in-out;
    }

    .hov-loc-btn:hover .hov-loc-icon {
      animation: popOutIn 0.5s ease-in-out;
    }

    @keyframes popOutIn {
      0% {
        transform: scale(1);
      }
      50% {
        transform: scale(1.4);
      }
      100% {
        transform: scale(1);
      }
    }

    @media (max-width: 600px) {
      .hov-loc-btn {
        width: 52px;
        height: 52px;
      }

      .hov-loc-icon {
        width: 24px;
        height: 24px;
      }
    }