.ws-curso-price {
  --ws-curso-price-gap: 0.35rem;
  --ws-curso-price-surface-border: color-mix(in srgb, currentColor 12%, transparent);
  --ws-curso-price-surface-bg: transparent;

  box-sizing: border-box;
  inline-size: 100%;
  max-inline-size: var(--ws-curso-price-max-width, 100%);
  min-inline-size: 0;
  color: inherit;
  text-align: center;
}

.ws-curso-price *,
.ws-curso-price *::before,
.ws-curso-price *::after {
  box-sizing: border-box;
}

.ws-curso-price__inner {
  display: grid;
  gap: var(--ws-curso-price-gap);
  justify-items: center;
  align-items: center;
  min-inline-size: 0;
}

.ws-curso-price__label {
  margin: 0;
  font: inherit;
  font-size: 0.78rem;
  line-height: 1.2;
  opacity: 0.75;
}

.ws-curso-price__original {
  margin: 0;
  line-height: 1.2;
  opacity: 0.65;
}

.ws-curso-price__price-wrap {
  display: grid;
  gap: 0.1rem;
  justify-items: center;
  align-items: center;
  min-inline-size: 0;
}

.ws-curso-price--price-layout-inline .ws-curso-price__price-wrap,
.ws-curso-price--price-layout-stack .ws-curso-price__price-wrap {
  display: grid;
  gap: 0.1rem;
  justify-items: center;
}

.ws-curso-price__prefix {
  display: block;
  margin: 0;
  font: inherit;
  font-size: 0.72rem;
  line-height: 1.1;
  text-transform: uppercase;
  opacity: 0.75;
}

.ws-curso-price__price,
.ws-curso-price__amount {
  margin: 0;
  color: inherit;
  font: inherit;
  font-size: 1.15rem;
  font-weight: 700;
  line-height: 1.1;
  overflow-wrap: anywhere;
}

.ws-curso-price__period {
  font: inherit;
  font-size: 0.75rem;
  line-height: 1.2;
  opacity: 0.75;
}

.ws-curso-price__subtext {
  margin: 0;
  font: inherit;
  font-size: 0.82rem;
  line-height: 1.4;
  opacity: 0.78;
}

.ws-curso-price__badge-wrap,
.ws-curso-price__coming-soon-wrap {
  display: grid;
  gap: 0.35rem;
  justify-items: center;
}

.ws-curso-price__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.25rem 0.6rem;
  border: 1px solid var(--ws-curso-price-surface-border);
  border-radius: 999px;
  background: transparent;
  color: inherit;
  font-size: 0.82em;
  line-height: 1.1;
  font-weight: 600;
}

.ws-curso-price__coming-soon {
  margin: 0;
  color: inherit;
  font: inherit;
  font-weight: 700;
  line-height: 1.3;
  text-align: center;
  overflow-wrap: anywhere;
}

.ws-curso-price--card,
.ws-curso-price--minimal,
.ws-curso-price--compact {
  padding: 0;
  border: 0;
  background: transparent;
}

.ws-curso-price--compact {
  --ws-curso-price-gap: 0.25rem;
}

.ws-curso-price--align-left,
.ws-curso-price--align-center,
.ws-curso-price--align-right {
  text-align: center;
}

.ws-curso-price--content-start .ws-curso-price__inner,
.ws-curso-price--content-center .ws-curso-price__inner,
.ws-curso-price--content-end .ws-curso-price__inner {
  justify-items: center;
}

.ws-curso-price--has-divider .ws-curso-price__inner {
  padding-block-end: 0.15rem;
  border-block-end: 1px solid var(--ws-curso-price-surface-border);
}

@media (max-width: 600px) {
  .ws-curso-price {
    text-align: center;
  }

  .ws-curso-price__inner,
  .ws-curso-price__price-wrap {
    justify-items: center;
  }
}

.ws-curso-price__owned {
  margin: 0;
  font: inherit;
  font-weight: 700;
  line-height: 1.3;
  text-align: center;
}