table {
  width: 100%;
  border-collapse: collapse;
  margin: 1.5rem 0;
}

th, td {
  border: 1px solid #ccc;
  padding: 0.6rem;
  text-align: left;
}

th {
  background-color: #f5f5f5;
}

button {
  background-color: transparent;
  font-size: clamp(0.6rem, 1vw, 1rem);
  color: rgb(2, 2, 2);
  text-decoration: none;
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-radius: 5rem;
  padding: 0.5rem 0.5rem;
  pointer-events: all;
  line-height: 1.8;
  min-width: 8em;
  transition: background-color 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95);
  margin: 0 auto;
  margin-top: 0.5rem;
}

button:hover {
  background-color: rgba(2, 2, 2, 1);
  color: rgb(255, 255, 255);
}

button:disabled {
  background-color: transparent;
  font-size: clamp(0.6rem, 1vw, 1rem);
  color: rgb(196, 196, 196);
  text-decoration: none;
  border: 1px solid rgba(84, 84, 84, 0.25);
  border-radius: 5rem;
  padding: 0.5rem 0.5rem;
  pointer-events: all;
  line-height: 1.8;
  min-width: 8em;
  transition: background-color 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95);
  margin: 0 auto;
  margin-top: 0.5rem;
}

.toast.toast-success {
    border-color: #4e4e4e;
    background:#4e4e4e;
}

#grav-login .login-form button[type="submit"] {
margin-top: 0px;
}