.delay-demo {
  display: flex;
  gap: 15px;
  margin: 20px 0;
  flex-wrap: wrap;
}

.delay-box {
  width: 60px;
  height: 60px;
  background-color: #9b59b6;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 12px;
  border-radius: 50%;
}

.delay-1 { transition: transform 0.5s ease 0s; }
.delay-2 { transition: transform 0.5s ease 0.1s; }
.delay-3 { transition: transform 0.5s ease 0.2s; }
.delay-4 { transition: transform 0.5s ease 0.3s; }

.delay-demo:hover .delay-box {
  transform: translateY(-30px);
}