.basic-example {
  width: 100px;
  height: 100px;
  background-color: #3498db;
  transition-duration: 0.5s;
  transition-property: background-color;
  cursor: pointer;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-weight: bold;
}

.basic-example:hover {
  background-color: #e74c3c;
}