/* Keep the two calls to action on one line while the recovery link sits below Premium. */
@media (min-width: 701px) {
  #tarifs .offer-free::after {
    content: "";
    display: block;
    flex: 0 0 37px;
  }
}

#tarifs .offer-premium .offer-amount > span:not(.price-note) {
  display: inline-block;
  width: auto;
  max-width: none;
  margin: 0 0 0 4px;
  font-family: system-ui, sans-serif;
  font-size: clamp(22px, 2.6vw, 34px) !important;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0;
  white-space: nowrap;
  visibility: hidden;
}

#tarifs .offer-premium[data-currency-ready] .offer-amount > span:not(.price-note) {
  visibility: visible;
}

@media (max-width: 700px) {
  #tarifs .offer-free::after { display: none; }
  #tarifs .offer-premium .offer-amount > span:not(.price-note) {
    font-size: 24px !important;
  }
}