/* Presentation bridge for the Pague por Uso canary.
   A wallet is not a weekly subscription, but it must not look inactive. */
.billing-access-card.apex-usage-access-card {
  border-color: rgba(56, 189, 248, .36);
  background: linear-gradient(135deg, rgba(14, 116, 144, .20), rgba(15, 23, 42, .88));
  box-shadow: inset 0 0 0 1px rgba(14, 165, 233, .05);
}

.billing-access-card.apex-usage-access-card .billing-access-icon.apex-usage-access-icon {
  display: grid;
  place-items: center;
  border-radius: 10px;
  background: rgba(14, 165, 233, .18);
  color: #7dd3fc;
  font-size: 19px;
  font-weight: 850;
  line-height: 1;
}

.billing-access-card.apex-usage-access-card .apex-usage-access-badge {
  margin-left: auto;
  border-color: rgba(56, 189, 248, .3);
  background: rgba(14, 165, 233, .12);
  color: #bae6fd;
  white-space: nowrap;
}

@media (max-width: 560px) {
  .billing-access-card.apex-usage-access-card {
    gap: 11px;
  }

  .billing-access-card.apex-usage-access-card .apex-usage-access-badge {
    font-size: 10px;
  }
}