.button {
  cursor: pointer;
  display: inline-flex;
  margin: 0 auto !important;
  width: 90%;               
  max-width: 60px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-size: 1.5em;
  background-image: linear-gradient(#e2e2e2, #acacac);
  color: white;
  border: solid 2px #949494;
  height: 20px;
  padding: 5px 4px;
  border-radius: 5px;
  font-weight: 600;
  transform: scale(0.89);
  position: relative;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);
}
.button:not(:hover) .hide,
.button:not(:hover) .icon::before,
.button:not(:hover) .icon::after {
  opacity: 0;
  visibility: hidden;
  transform: scale(1.4);
}
.blauw   {
   background-image: linear-gradient(#5b90ff, #3b45ff);
   border: solid 2px #0200e6;
}
.oranje   {
   border: solid 2px #ffaa39;
   font-weight: bold;
   color: #ffaa39;
}