/* submit button */
  .btn--submit {
    align-items: center;
    color: var(--success);
    display: flex;
    gap: 16px;
    justify-content: center;
    margin-inline: auto 0;
    padding: 8px 16px;
  }

  /* spinner button */
  .btn--spinner {
    background-color: var(--success);
    color: var(--white);
  }

  .btn--spinner:hover {
    background-color: var(--success);
    color: var(--white);
    opacity: 1;
  }

  .spin {
    animation: spin 2s linear infinite;
  }

  @keyframes spin {
    from {
      transform: rotate(0deg)
    }

    to {
      transform: rotate(360deg)
    }
  }