.multiple-duration {
  width: 120px;
  height: 80px;
  background-color: #2ecc71;
  border-radius: 4px;
  transition-property: width, height, background-color;
  transition-duration: 0.3s, 0.6s, 1s;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-weight: bold;
}

.multiple-duration:hover {
  width: 180px;
  height: 120px;
  background-color: #9b59b6;
}