.keyboard-grid button.assigned {
  border-color: #c271f0;
  background: linear-gradient(180deg, #8f48c7, #643090);
  color: #fff;
  box-shadow: inset 0 3px 7px #ffffff1c, inset 0 -4px 8px #2d123f88, 0 3px 0 #3e1d59, 0 0 15px #9854ec44;
  transform: translateY(2px);
}

.keyboard-grid button.assigned:hover,
.keyboard-grid button.assigned.active {
  background: #b45fe4;
  box-shadow: inset 0 3px 9px #4a1d6988, 0 0 22px #b65fea88;
  transform: translateY(3px);
}