.unsubscribe-block {
  max-width: 495px;
  margin: 0 auto;
  text-align: center;
}

.unsubscribe-block .message h1,
.unsubscribe-block .message h2,
.unsubscribe-block .message h3,
.unsubscribe-block .message h4,
.unsubscribe-block .message h5,
.unsubscribe-block .message h6,
.unsubscribe-block .message p {
  font-size: 1.75rem;
  font-weight: 400;
  color: var(--primary-color);
}

.unsubscribe-block .notes {
  font-weight: 400;
  margin-top: 2rem;
}

.unsubscribe-block .notes a {
  color: var(--primary-color);
}

.unsubscribe-block .success {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 300px;
}

.unsubscribe-block .success h1,
.unsubscribe-block .success h2,
.unsubscribe-block .success h3,
.unsubscribe-block .success h4,
.unsubscribe-block .success h5,
.unsubscribe-block .success h6,
.unsubscribe-block .success p {
  font-size: 1.75rem;
  font-weight: 400;
  color: var(--primary-color);
}

.unsubscribe-block .error {
  margin-top: 2rem;
}

.unsubscribe-block .error h1,
.unsubscribe-block .error h2,
.unsubscribe-block .error h3,
.unsubscribe-block .error h4,
.unsubscribe-block .error h5,
.unsubscribe-block .error h6,
.unsubscribe-block .error p {
  font-weight: 500;
  color: var(--primary-color);
}

.unsubscribe-block .hide {
  display: none !important;
}