.Button {
  display: block;
  text-align: center;
  padding: 4px;
  outline: 0;
  color: var(--text_color);
  border-radius: var(--border_radius);
  background-color: var(--control_background);
  border: none;
  text-decoration: none;
  text-outline: none;
  vertical-align: center;
  height: 100%;
  width: 100%;
  overflow: hidden;
}

.Button:hover:enabled {
  background: var(--control_background_hover);
  color: var(--text_color_hover);
  cursor: pointer;
}

.Button:hover:disabled {
  cursor: no-drop;
}

.Button:active,
.Button.active {
  box-shadow: none;
  cursor: pointer;
}
