.MyButton {
  background-color: #feb043;
  color: black;
  border-color: black;

  border-radius: 8px;
  padding: 10px 20px;
  cursor: pointer;
  transition: background-color 0.2s, transform 0.1s;
  font-weight: 600;

}


.MyButton:active {
  transform: scale(0.97);
}

/* Add focus state */
.MyButton:focus,
.MyButton:focus-visible {
  outline: none; /* removes default browser outline */
  border: 5px solid #ffffff; /* thicker, colorful border */
}