#pure-subscription-nav { width: min(1280px, calc(100% - 56px)); margin: 20px auto 0; display: flex; justify-content: flex-end; }
.pure-subscription-link { position: relative; display: flex; align-items: center; gap: 22px; width: 328px; min-height: 106px; padding: 22px 28px; border-radius: 22px; background: #f0f2f6; color: #0071e3; text-decoration: none; border: 1px solid transparent; }
.pure-subscription-link:hover { background: #e9f2fe; border-color: #d5e7fe; }
.pure-subscription-link:focus-visible { outline: 3px solid #0071e3; outline-offset: 4px; }
.pure-subscription-link > svg { width: 28px; height: 28px; flex-shrink: 0; }
.pure-subscription-text { display: grid; gap: 6px; }
.pure-subscription-title { font-size: 23px; font-weight: 700; line-height: 1.3; }
.pure-subscription-detail { color: #86868b; font-size: 16px; line-height: 1.4; }
.pure-subscription-arrow { position: absolute; top: 12px; right: 16px; font-size: 19px; color: #4b9fff; }
html[data-site="pure-redeem"] .main { padding-top: 24px; }
@media (max-width: 640px) {
  #pure-subscription-nav { width: calc(100% - 28px); margin-top: 14px; justify-content: center; }
  .pure-subscription-link { width: 100%; max-width: 328px; min-height: 88px; padding: 16px 22px; }
  .pure-subscription-title { font-size: 21px; }
  .pure-subscription-detail { font-size: 15px; }
}