.offer-tag {
    position: fixed;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    background: #ffc107;
    color: #000;
    padding: 10px 14px;
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
    font-weight: bold;
    text-align: center;
    box-shadow: -2px 2px 10px rgba(0, 0, 0, 0.25);
    writing-mode: vertical-rl;
    text-orientation: mixed;
    font-size: 14px;
    z-index: 9999;
    transition: all 0.3s ease;
  }

  .offer-tag a {
    color: #000;
    text-decoration: underline;
    font-weight: 600;
  }

  .offer-tag a:hover {
    color: #d63384;
  }

  @media (max-width: 768px) {
    .offer-tag {
      font-size: 12px;
      padding: 8px 10px;
    }
  }