/* ------- Links ------- */

a:link,
a:visited {
  color: white;
  text-decoration: none;
  padding-bottom: 1px;
  transition: border-bottom 0.2s, color 0.2s;
}

a:hover,
a:active {
  color: #555;
}

/* ------- Buttons ------- */

.btn:link,
.btn:visited,
input[type="submit"] {
  display: inline-block;
  padding: 1.5vh 1.5vh;
  font-weight: 300;
  text-decoration: none;
  border-radius: 200px;
  transition: background-color 0.2s, border 0.2s, color 0.2s;
}

.btn-full:link,
.btn-full:visited,
input[type="submit"] {
  background-color: #3cdbb1;
  border: 3px solid white;
  color: #fff;
  margin-right: 15px;
}

.btn-ghost:link,
.btn-ghost:visited,
input[type="submit"] {
  border: 3px solid white;
  color: white;
}

.btn-full:hover,
.btn-full:active,
input[type="submit"]:hover,
input[type="submit"]:active {
  border: 3px solid white;
  background-color: #09a788;
}

.btn-ghost:hover,
.btn-ghost:active,
input[type="submit"]:hover,
input[type="submit"]:active {
  background-color: #3cdbb1;
  border: 3px solid white;
  color: #fff;
}

/* ------- Icon Button ------- */

.icon-btn {
  display: none;
  height: 7vh;
  width: 7vh;
  border-radius: 50%;
  margin: 0.5vh 5vw;
  padding: 2.1vh 0.5vh;
  text-align: center;
}
