.button{
  margin-top:  0.2em;


  padding:  0.1em;
  cursor:  pointer;
  display:  inline-block;


  padding-left: 0.2em;
  padding-right: 0.2em;




  display: inline-block;
  outline: 0;
  appearance: none;
  padding: 0px 12px;
  border-radius: 4px;
  text-decoration: none;
  cursor: pointer;
  background-color:  #dde6c7;

  border: 1px solid rgb(137, 151, 155);
  box-shadow: rgb(6 22 33 / 30%) 0px 1px 2px;
  color: rgb(61, 79, 88);
  font-size: 14px;
  font-weight: 400;
  height: 36px;
  transition: all 150ms ease-in-out 0s;
                  
                
}

.button:hover {
    color: white;
    background-color: #7fa838;
    border: 1px solid rgb(93, 108, 116);
    box-shadow: rgb(0 0 0 / 30%) 0px 4px 4px, rgb(231 238 236) 0px 0px 0px 3px;
}



.filter-button{
  font-size: 15pt;
  background-color: 92ff92;
  padding-right: 1em;
  padding-left: 1em;

  background-color: #7fa838;
  color: #242424;
  cursor: pointer;

}

.filter-button:hover{
  background-color: green;
}