.neutral-950 {
  color: #1f2f56;
}

html,
body {
  font-family: "Red Hat Display", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  text-align: center;
  min-height: 100vh;
  background-color: #e0e8ff;
  background-image: url(../images/pattern-background-mobile.svg);
  background-position: 0 0;
  background-size: contain;
  background-repeat: no-repeat;
}
@media (min-width: 768px) {
  html,
  body {
    background-image: url(../images/pattern-background-desktop.svg);
  }
}

.change-btn {
  color: #3829e0;
}
.change-btn:hover {
  opacity: 0.7;
}

.payment-btn {
  color: #f5f7ff;
  background-color: #3829e0;
  border-radius: 12px;
  box-shadow: 4px 8px 25px rgba(56, 41, 224, 0.4);
  margin: 12px 0;
}
.payment-btn:hover {
  opacity: 0.7;
}

.cancel-btn {
  color: #7280a7;
  margin-top: 8px;
}
.cancel-btn:hover {
  color: #1f2f56;
}/*# sourceMappingURL=all.css.map */