.subscription-terms-notice {
  --subscription-terms-notice-spacing: 12px;
  --subscription-terms-notice-font-size: 12px;
  --subscription-terms-notice-opacity: 0.75;

  margin: var(--subscription-terms-notice-spacing) 0 0;
  font-size: var(--subscription-terms-notice-font-size);
  line-height: 1.4;
  text-align: center;
  color: rgb(var(--color-foreground) / var(--subscription-terms-notice-opacity));

  @media screen and (min-width: 750px) {
    --subscription-terms-notice-font-size: 14px;
  }
}

.subscription-terms-notice__link {
  color: inherit;
  text-decoration: underline;
  font-family: var(--bpn-font-semibold);
}

.subscription-terms-notice__link:hover {
  text-decoration-thickness: 2px;
}