.prepaid-check {
  display: grid;
  gap: 1.35rem;
  margin: 2.5rem 0;
  padding: clamp(1.25rem, 3vw, 2.5rem);
  border: 1px solid #5e7aa8;
  background: #0d1520;
  color: #edf4ff;
}

.prepaid-check__intro {
  max-width: 50rem;
}

.prepaid-check__intro > span,
.prepaid-check__privacy,
.prepaid-check__feedback {
  color: #91c7ff;
  font-size: .76rem;
  font-weight: 800;
  letter-spacing: .04em;
}

.prepaid-check__intro h2 {
  margin: .45rem 0 .65rem;
  color: #fff;
}

.prepaid-check__intro p,
.prepaid-check__choice span,
.prepaid-check__summary,
.prepaid-check__plan li {
  color: #cad8e8;
  line-height: 1.6;
}

.prepaid-check__intro p,
.prepaid-check__privacy,
.prepaid-check__summary {
  margin: 0;
}

.prepaid-check__choices {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 15rem), 1fr));
  gap: .65rem;
}

.prepaid-check__choice {
  display: grid;
  min-height: 7.2rem;
  gap: .45rem;
  box-sizing: border-box;
  border: 1px solid #405878;
  border-radius: 6px;
  padding: .95rem;
  background: #101d2c;
  color: #edf4ff;
  font: inherit;
  text-align: left;
  cursor: pointer;
}

.prepaid-check__choice:hover,
.prepaid-check__choice:focus-visible,
.prepaid-check__choice[aria-pressed="true"] {
  border-color: #a8d6ff;
  background: #19324c;
}

.prepaid-check__choice strong {
  color: #fff;
}

.prepaid-check__status {
  min-height: 3.2rem;
  padding: .9rem 1rem;
  border-left: 4px solid #91c7ff;
  background: #08111c;
  color: #edf4ff;
}

.prepaid-check__plan {
  display: grid;
  gap: 1rem;
  border-top: 1px solid #384d68;
  padding-top: 1.25rem;
}

.prepaid-check__steps {
  display: grid;
  gap: .6rem;
  margin: 0;
  padding-left: 1.45rem;
}

.prepaid-check__actions {
  display: flex;
  flex-wrap: wrap;
  gap: .65rem;
}

.prepaid-check__actions button,
.prepaid-check__actions a {
  display: inline-flex;
  min-height: 2.8rem;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  border: 1px solid #54749c;
  border-radius: 5px;
  padding: .7rem 1rem;
  background: transparent;
  color: #edf4ff;
  font: inherit;
  font-weight: 800;
  text-decoration: none;
  cursor: pointer;
}

.prepaid-check__actions button:first-child {
  border-color: #a8d6ff;
  background: #a8d6ff;
  color: #0a1522;
}

.prepaid-check__actions button:disabled {
  cursor: not-allowed;
  opacity: .5;
}

.prepaid-check__actions a[aria-disabled="true"] {
  cursor: not-allowed;
  opacity: .5;
  pointer-events: none;
}

@media (max-width: 640px) {
  .prepaid-check {
    margin-inline: -1rem;
    border-inline: 0;
  }
}