.sm-theory-skip {
  margin: 28px 0 12px;
  padding: 20px;
  border: 1px solid #b9d7ea;
  border-radius: 12px;
  background: #f4faff;
  color: #172b3a;
}

.sm-theory-skip__title {
  margin: 0 0 6px;
  font-size: 18px;
  font-weight: 700;
}

.sm-theory-skip__copy {
  margin: 0 0 14px;
}

.sm-theory-skip__button {
  min-height: 44px;
  padding: 10px 18px;
  border: 0;
  border-radius: 8px;
  background: #2f84b8;
  color: #fff;
  font: inherit;
  font-weight: 700;
  cursor: pointer;
}

.sm-theory-skip__button:hover,
.sm-theory-skip__button:focus-visible {
  background: #236c98;
}

.sm-theory-skip__button:focus-visible {
  outline: 3px solid #ffbf47;
  outline-offset: 3px;
}

.sm-theory-skip__button:disabled {
  cursor: wait;
  opacity: .65;
}

.sm-theory-skip__status {
  min-height: 1.5em;
  margin: 12px 0 0;
  font-weight: 600;
}

.sm-theory-skip__status--success { color: #176b3a; }
.sm-theory-skip__status--error { color: #a61b1b; }