/* Button Styles */
.btn {
  border: 1px solid var(--blue);
  background-color: white;
  color: var(--blue);
  padding: 1rem;
  display: inline-block;
  transition: background-color 0.3s, color 0.3s;
}

.btn-normal {
  color: var(--blue);
  background-color: white;
}

.btn-normal:hover {
  color: white;
  background-color: var(--blue);
}

.btn-inverted {
  color: white;
  background-color: var(--blue);
}

.btn-inverted:hover:not([disabled]) {
  color: var(--blue);
  background-color: white;
}

/* Tablet View */
@media (max-width: 768px) {
  .btn {
    padding: 0.75rem;
  }
}