.button-element {
  padding: 0 1.4rem;
  height: 4rem;
  min-width: 8rem;
  font-size: 1.5rem;
  border-radius: 0.5rem;
  cursor: pointer; }
  @media (max-width: 1366px) {
    .button-element {
      height: 3.5rem; } }
  .button-element:hover {
    background-color: #2C5282; }

.primary-button {
  background-color: #1D5C97;
  color: white;
  border: 1px solid #1D5C97; }
  .primary-button:hover {
    background-color: #2C5282; }

.danger-button {
  background-color: white;
  border: 1px solid #d32f2f;
  color: #d32f2f; }
  .danger-button:hover {
    background-color: #ffebee; }

.outline-primary-button {
  padding-left: 1rem;
  padding-right: 1rem;
  height: 4rem;
  min-width: 5rem;
  font-size: 1.5rem;
  border-radius: 0.5rem;
  cursor: pointer;
  border: 1px solid #1D5C97;
  color: #BE122A;
  background-color: white; }
  @media (max-width: 1366px) {
    .outline-primary-button {
      height: 3.5rem; } }
  .outline-primary-button:hover {
    background-color: #E6F3FF; }

/*# sourceMappingURL=button.css.map */