.logo {
 height: 3rem;
 width: auto;
}

.keypadButton {
 --background: transparent;
 --color: #333;
 font-size: 0.8rem;
 font-weight: 700;
 --outline: none;
 border: gray 1px solid;
 --box-shadow: none;
 padding: none;
 margin: none;
 --background-hover: rgb(245, 245, 245);
 --background-focused: rgb(245, 245, 245);
 --background-activated: rgb(245, 245, 245);
}

.smallKeypadButton {
 font-size: 0.5rem;
 margin-top: 0.3rem;
}

html.ion-palette-dark .keypadButton {
  --background: rgba(128, 128, 128, .3);
 --color: #ffffff;

}