.btn {
    border: none;
    border-radius: 20px;
    padding: 13px 16px;
    font-weight: 800;
    cursor: pointer;
    box-shadow: 0 2px 10px rgba(45,213,103,0.03);
    transition: background 0.18s, color 0.13s;
    color: var(--btn-text);
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-green {
    background-color: var(--green);
    border: solid 2px var(--green-border);
    box-shadow: 0 4px 0 0 var(--green-border);
}

.btn-mint {
  background-color: var(--mint);
  border: solid 2px var(--mint-border);
  box-shadow: 0 4px 0 0 var(--mint-border);
}

.btn-red {
  background-color: var(--red);
  border: solid 2px var(--red-border);
  box-shadow: 0 4px 0 0 var(--red-border);
}

.btn-pink {
  background-color: var(--pink);
  border: solid 2px var(--pink-border);
  box-shadow: 0 4px 0 0 var(--pink-border);
}

.btn-blue {
  background-color: var(--blue);
  border: solid 2px var(--blue-border);
  box-shadow: 0 4px 0 0 var(--blue-border);
}