.subscriber-thanks-msg {
  display: block;
  padding: var(--minim) var(--semibreve);
  border-radius: var(--crotchet);
  border: none;
  text-align: center;
  margin: 0;
  background: var(--ib-lighter);
  background: linear-gradient(135deg, var(--ib-lighter) 0%, var(--ib) 100%);
  color: var(--shw);
}

.p-msg {
  padding: var(--quaver) var(--crotchet);
  border-radius: var(--quaver);
  background-color: rgb(from var(--fg) r g b / 0.3);

  &.alert {
    background-color: var(--status-red-lighter);
    color: var(--shw);
  }
}

.msg-bad {
  display: inline-block;
  padding: var(--crotchet);
  border-radius: var(--quaver);
  background-color: rgb(from var(--status-red) r g b / 0.4);

  margin-top: var(--minim);
}