.responsive-pill-btn {
    display: inline-block;
    width: 240px;
    height: 60px;
    line-height: 58px;
    padding: 0 20px;
    background-color: #222222;
    color: #ffffff;
    text-decoration: none !important;
    font-size: 17px;
    font-weight: 500;
    border: 2px solid #222222;
    border-radius: 999px;
    transition: all 0.3s ease;
    text-align: center;
    cursor: pointer;
    box-sizing: border-box;
  }

  .responsive-pill-btn:hover,
  .responsive-pill-btn:focus {
    background-color: #383838;
    text-decoration: none !important;   /* 強制 hover 時無下劃線 */
  }

  /* 手機端（≤768px）縮小到約 85% */
  @media screen and (max-width: 768px) {
    .responsive-pill-btn {
      width: 204px;           /* 240 × 0.85 */
      height: 51px;           /* 60 × 0.85 */
      line-height: 49px;      /* 稍微調整確保文字居中 */
      font-size: 14.5px;      /* 17 × 0.85 ≈ 14.5 */
      padding: 0 17px;        /* 20 × 0.85 ≈ 17 */
    }
  }

  /* 極小螢幕（≤480px）再微調，避免過擠 */
  @media screen and (max-width: 480px) {
    .responsive-pill-btn {
      width: 190px;
      height: 48px;
      line-height: 46px;
      font-size: 14px;
      padding: 0 15px;
    }
  }