#wa-btn {
          position: fixed;
          bottom: 100px;
          right: 28px;
          width: 56px;
          height: 56px;
          border-radius: 50%;
          background: #25D366;
          display: flex;
          align-items: center;
          justify-content: center;
          cursor: pointer;
          z-index: 9999;
          box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25);
          transition: all 0.3s ease-in-out;
      }

      #wa-btn:hover {
          transform: translateY(-5px) scale(1.05);
          box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
      }

      #wa-btn img {
          width: 32px;
          height: 32px;
      }

      #wa-chat-footer svg {
          margin-right: 5px;
      }

      /* Popup Box */
      #wa-chat-box {
          display: none;
          position: fixed;
          bottom: 162px;
          right: 20px;
          width: 300px;
          border-radius: 12px;
          box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
          background: #fff;
          z-index: 10000;
          font-family: Arial, sans-serif;
          overflow: hidden;
          animation: fadeIn 0.3s ease;
      }

      @keyframes fadeIn {
          from {
              opacity: 0;
              transform: translateY(20px);
          }

          to {
              opacity: 1;
              transform: translateY(0);
          }
      }

      /* Header */
      #wa-chat-header {
          background: #075E54;
          color: #fff;
          padding: 12px;
          display: flex;
          align-items: center;
          justify-content: space-between;
      }

      #wa-chat-header .info {
          display: flex;
          align-items: center;
      }

      #wa-chat-header img {
          width: 40px;
          height: 40px;
          border-radius: 50%;
          margin-right: 10px;
          border: 2px solid #fff;
      }

      #wa-chat-header strong {
          font-size: 15px;
          display: block;
      }

      #wa-chat-header small {
          font-size: 12px;
          display: block;
      }

      /* Close Button */
      #wa-close {
          cursor: pointer;
          font-size: 20px;
          font-weight: bold;
          color: #fff;
          margin-left: 10px;
      }

      #wa-close:hover {
          color: #ddd;
      }

      /* Body */
      #wa-chat-body {
          padding: 15px;
          font-size: 14px;
          background: #ECE5DD;
      }

      #wa-chat-body p {
          margin: 0;
          background: #fff;
          padding: 10px 12px;
          border-radius: 0 8px 8px 8px;
          display: inline-block;
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
      }

      /* Footer */
      #wa-chat-footer {
          padding: 12px 12px 15px 12px;
          text-align: center;
          background: #f7f7f7;
      }

      #wa-chat-footer a {
          display: inline-flex;
          align-items: center;
          justify-content: center;
          background: #25D366;
          color: #fff;
          padding: 8px 16px;
          border-radius: 20px;
          text-decoration: none;
          font-weight: bold;
          transition: 0.2s;
      }

      #wa-chat-footer a:hover {
          background: #20ba5a;
      }

      /* New 'Order Now' Button Style */
      .bottom-order-now-btn {
          position: fixed;
          bottom: 166px;
          /* 100px (wa-btn bottom) + 56px (wa-btn height) + 10px (margin) */
          right: 28px;
          padding: 10px 20px;
          border-radius: 25px;
          background: #ffc107;
          color: black;
          text-decoration: none;
          font-family: Arial, sans-serif;
          font-weight: bold;
          font-size: 15px;
          display: flex;
          align-items: center;
          justify-content: center;
          cursor: pointer;
          z-index: 9998;
          box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25);
          transition: all 0.3s ease-in-out;
      }

      .bottom-order-now-btn:hover {
          transform: translateY(-5px);
          box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
          background: #04A300;
          color: white;
      }

      @media (max-width: 767px) {
          .bottom-order-now-btn {
              display: none;
          }
      }

      @media (max-width: 370px) {
          .bottom-order-now-btn {
              display: none;
          }
      }