/*---------------------------------------------------------------------------*\
    Mint
\*---------------------------------------------------------------------------*/

/* extended from index.css */
.theme-pink {
  --mint-button-color: white;
  --mint-button-background: var(--accent-color);
  --mint-button-border-color: #ffaaaa;
}

/* extended from index.css */
.theme-dark {
  --mint-button-color: black;
  --mint-button-background: var(--accent-color);
  --mint-button-border-color: #ffaaaa;
}

/* extended from index.css */
.theme-sky {
  --mint-button-color: white;
  --mint-button-background: var(--accent-color);
  --mint-button-border-color: #ff8f76;
}

.mint-button {
  width: auto;
  margin: 0.5em 0;
  font-size: 1.3em;
  padding: 0.5em 1em;

  color: var(--mint-button-color);
  background: var(--mint-button-background);
  /* border: 1px solid var(--mint-button-border-color); */
  border: none;
  border-radius: 8px;

  cursor: pointer;
}