.button,
input[type=submit].button{
     font-family: "Bebas Neue", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 20pt;
text-decoration: none;
  color: var(--blue);
 cursor: pointer;

 display: inline-block;

 user-select: none;



}


.button:hover,
input[type=submit].button:hover{
   color: white;


}

.button.admin-button{
  color: #ff00a6;
}


.button.admin-button:hover{
  color: #fd80d2;
}


.button.orange{
  color: var(--orange);
}

.button.orange:hover{
  color: blue;
}

.button.orange:hover{
/*  orange hover*/
   color: #ffca9d;
}

.button.clickplz:hover{
   color: white;
}



.button:hover{
    color: #bdf1ff;
}



.button.grey{
  color: gray;
}


.button-rack{
  display: flex;
  justify-content: flex-start;
  gap: 2em;
  margin-top: 1em;
  margin-bottom: 1em;
}