button, input[type='submit']{
  
  display: inline-block;
  position: relative;

  /* borders, margins, padding and spacing */
  padding: 0.2em;
  border-radius: 0.4em;
  border-width: 1px;
  border-style: solid;
  
  /* colors */
  background-color: whitesmoke;
  background-image: linear-gradient(
    rgb(240,240,240),
    rgb(220,220,220)
  );
  color: rgb(40,40,40);
  border-color: rgb(70,70,70);

  cursor: pointer;

  width: fit-content;
  height: fit-content;

}

button:active, input[type='submit']:active{
  
  box-shadow: none !important;
  background-image: linear-gradient(
    rgb(200,200,200) ,
    rgb(220,220,220)
  );

}

button[disabled], input[type='submit'][disabled]{

  pointer-events: none !important;
  color: rgb(120,120,120) !important;
  background-image: none !important;
  background-color: rgb(200,200,200) !important;
  border-color: gray !important;
  opacity: 0.75 !important;

}