/* Positioning */
/* Box Model */
/* Typography */
/* Visuals */
/* Transitions & Animations */
/* Miscellaneous */
/* Media Queries */
/* Base Styles */
/* Main Styles */
/* Novera Logo */
/* Registration Form */
/* Form Fields */
/* Hover */
/* Focus */

/* ------------------------------------------------------------------------------ */

/* Submit Button */

.submit_button[type="submit"] {
    /* Box Model */
    background-color: var(--button-primary-color);
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    border: none;
    border-radius: 0.1rem;
    /* Typography */
    color: var(--button-primary-text-color);
    /* Miscellaneous */
    cursor: pointer;
}

.submit_button:active {
    /* Box Model */
    background-color: var(--neutral-color-black--100);
    /* Typography */
    /* Miscellaneous */
}

/* ------------------------------------------------------------------------------ */

/* Delete Button */

.delete_button {
  /* Box Model */
  background-color: var(--neutral-color-red-000);
  padding: 0.5rem;
  border: 1px solid var(--neutral-color-red-100);
  /* Typography */
  color: var(--neutral-color-000);
  /* Miscellaneous */
  cursor: pointer;
}

.delete_button:hover {
  /* Box Model */
  background-color: var(--neutral-color-red--200);
}

.delete_button:active {
  /* Box Model */
  background-color: var(--neutral-color-red--300);
}

/* ------------------------------------------------------------------------------ */

/* Write Article Button */

.write_article_button {
  /* Box Model */
  background-color: var(--neutral-color-000);
  border: 1px solid var(--neutral-color-black-000);
  /* Typography */
  font-family: var(--font-family-primary);
  color: var(--neutral-color-black-000);
  /* Transitions & Animations */
  transition: 0.25s ease;
  /* Miscellaneous */
  cursor: pointer;
}

.write_article_button:hover {
  /* Box Model */
  background-color: var(--neutral-color-black-000);
  /* Typography */
  color: #ffffff;
}

/* Mobile Styles */
@media (max-width: 932px) {
  .write_article_button {
    /* Box Model */
    padding: 0.85rem;
  }
}

/* Desktop styles */
@media (min-width: 932px) {
  .write_article_button {
    /* Box Model */
    padding: 0.85rem;
  }
}

.write_article_button a {
  /* Typography */
  color: var(--neutral-color-black-000);
}

.write_article_button:hover a {
  /* Typography */
  color: var(--neutral-color-white-000);
}

/* ------------------------------------------------------------------------------ */

/* Next Button */

.next_button {
    /* Box Model */
    background-color: var(--neutral-color-000);
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    border-radius: 0.1rem;
    border: 1px solid var(--neutral-color-black-000);
    /* Typography */
    color: var(--neutral-color-black-000);
    /* Miscellaneous */
    cursor: pointer;
}

.next_button:active {
    /* Box Model */
    border: 1px solid var(--neutral-color-black--100);
    /* Typography */
    color: var(--neutral-color-black--100);
}

/* ------------------------------------------------------------------------------ */

/* Logout Button */

.logout_button {
  /* Box Model */
  background-color: var(--neutral-color-000);
  border: 1px solid var(--neutral-color-red--100);
  border-radius: 0.1rem;
  /* Typography */
  color: var(--neutral-color-red--100);
  /* Transitions & Animations */
  transition: 0.25s ease;
  /* Miscellaneous */
  cursor: pointer;
}

.logout_button:hover {
  /* Box Model */
  background-color: var(--neutral-color-red--100);
  border: 1px solid var(--neutral-color-red--100);
  /* Typography */
  color: #ffffff;
}

.logout_button:active {
  /* Box Model */
  background-color: var(--neutral-color-red-000);
  border: 1px solid var(--neutral-color-red-000);
  /* Typography */
  color: var(--neutral-color-000);
}

/* Mobile Styles */
@media (max-width: 932px) {
  .logout_button {
    /* Positioning */
    /* Box Model */
    padding: 0.8rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

/* Desktop styles */
@media (min-width: 932px) {
  .logout_button {
    /* Positioning */
    /* Box Model */
    padding: 0.8rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

/* ------------------------------------------------------------------------------ */