/** 
 * Color Variables
 */
.c-btn {
  border: none;
  padding: 10px 20px;
  font-family: "Satoshi-Bold";
  font-size: 15px;
  text-align: center;
  border-radius: 25px;
  cursor: pointer;
  transition: background-color 0.3s ease, color 0.3s ease;
  display: inline-block;
  margin: 16px 0;
}

/* Medium Purple */
.c-btn--primary {
  background-color: #a17de5;
  color: #ffffff;
}
.c-btn--primary:hover {
  background-color: #423063;
}

/* Medium Aquamarine */
.c-btn--success {
  background-color: #47cf99;
  color: #ffffff;
}
.c-btn--success:hover {
  background-color: #4d8f73;
}

/* Pink Lavender */
.c-btn--pink {
  background-color: #f591ed;
  color: #ffffff;
}
.c-btn--pink:hover {
  background-color: #b254ad;
}

/* Antique Fuchsia */
.c-btn--fuchsia {
  background-color: #a36694;
  color: #ffffff;
}
.c-btn--fuchsia:hover {
  background-color: #6e335e;
}

/* Steel Blue */
.c-btn--blue {
  background-color: #5c8599;
  color: #ffffff;
}
.c-btn--blue:hover {
  background-color: #8fd6f5;
}

/* Sandy Brown */
.c-btn--orange {
  background-color: #f2ab66;
  color: #ffffff;
}
.c-btn--orange:hover {
  background-color: #b67734;
}

/* Oxford Blue */
.c-btn--dark {
  background-color: #30264a;
  color: #ffffff;
}
.c-btn--dark:hover {
  background-color: #423063;
}

/* Light Taupe */
.c-btn--taupe {
  background-color: #ad9161;
  color: #ffffff;
}
.c-btn--taupe:hover {
  background-color: #967f56;
}