.popup-container {
      position: fixed;
      bottom: 0;
      right: 20px;
      z-index: 9999;
      opacity: 0;
        transform: translateY(100px);
      transition: transform 1s ease, opacity 0.5s ease;
    }

    .popup-container.show {
      opacity: 1;
      transform: translateY(0);
    }

    .popup-container.hide {
      opacity: 0;
      transition: transform 1s ease, opacity 0.2  s ease;
      transform: translateY(100px);
    }

    .popup-img {
      width: 250px;
      max-width: 60vw;
      display: block;
    }

    .popup-text {
      position: absolute;
      width: 25%;
      bottom: 32%;
      left: 53%;
      rotate: -12deg;
      transform: translateX(-50%);
      color: #333;
      font-size: 0.7rem;
      font-weight: bold;
      padding: 2px 2px;
      border-radius: 4px;
      text-align: center;
      word-wrap: break-word;
      white-space: normal;
      line-height: 1.3;
    }

    @media screen and (max-width: 600px) {
      .popup-img {
        width: 140px;
      }

      .popup-text {
        font-size: 0.8rem;
        width: 40%;
      }
    }

    .popup-text a {
      color: #0d6efd;
      text-decoration: underline;
    }