/* public/button-styles.css */

.nav-button {
  padding: 4px 10px;
}

.lg-button {
  border-radius: 4px;
  box-shadow: 2px 2px 10px #888;
  font-size: 18px;
  padding: 4px 10px;
  text-decoration: none;
  text-shadow: 1.75px 1.75px 3px #888;
}

.signin-btn {
  color: #fff;
  background-color: purple;
  border: 1px solid #fff;
  border-radius: 4px;
  padding: 4px 10px;
}

.orange-button {
  color: #fff;
  background-color: #f7941d;
  border: 2px solid #f7941d;
  background-image: none;
}

.orange-button:hover {
  color: #f7941d;
  background-color: #000;
}

.purple-button {
  background-color: #9353f9;
  background-image: none;
  border: 2px solid #9353f9;
  color: #fff;
}

.purple-button:hover {
  color: #9353f9;
  background-color: #fff;
}

.lg-button:hover {
  color: #9353f9;
  background-color: #fff;
  text-decoration: none;
}

.yellow-button {
  color: #000;
  background-color: #fff200;
  border: 2px solid #fff200;
}

.yellow-button:hover {
  color: #fff200;
  background-color: #000;
}