.baans-result-save {
  align-items: center;
  background: #edf4ef;
  border: 1px solid #c9d9cf;
  border-radius: 14px;
  color: #173f38;
  display: flex;
  font-family: Roboto, "Roboto Condensed", Arial, sans-serif;
  gap: 14px;
  justify-content: space-between;
  margin: 0 0 24px;
  padding: 14px 16px;
}

.baans-result-save--success { background: #e9f6ed; border-color: #acd0b6; }
.baans-result-save--error { background: #fff1ed; border-color: #e4b5aa; color: #842d20; }
.baans-result-save--pending { background: #f3eff8; border-color: #cfc1df; }

.baans-result-save__login {
  background: #755d91;
  border: 0;
  border-radius: 999px;
  color: #fff;
  cursor: pointer;
  flex: 0 0 auto;
  font: inherit;
  font-weight: 700;
  padding: 10px 16px;
}

@media (max-width: 600px) {
  .baans-result-save { align-items: stretch; flex-direction: column; }
  .baans-result-save__login { width: 100%; }
}