@keyframes spin { 100% { transform:rotate(360deg); } }

.stripe-confirm {
  .message {
    &--success:before {
      font-family: 'Font Awesome 5 Free';
      font-weight: 900;
      content: "\f00c";
      color: #3c763d;
      margin-right: 0.5em;
    }

    &--error:before {
      font-family: 'Font Awesome 5 Free';
      font-weight: 900;
      content: "\f00d";
      color: #840b0f;
      margin-right: 0.5em;
    }

    &--info:before {
      font-family: 'Font Awesome 5 Free';
      font-weight: 900;
      content: "\f1ce";
      color: #a0a0a0;
      margin-right: 2em;
      animation:spin 2s linear infinite;
      position: absolute;
    }

    &--info {
      .message-text {
        margin-left: 1.5em;
      }
    }
  }

  .message-text {
    margin-left: 0.5em;
  }
}
