border-radius: 50%;
}
.button:hover .cir-1 {
  animation: cir-1-border 0.5s 0.3s linear forwards;
}
.cir-2 {
  width: 100px;
  height: 100px;
  position: absolute;
  z-index: -2;
  left: -140px;
  bottom: -20px;
  background-color: #3358ffa1;
  border-radius: 50%;
}
.cir-3 {
  width: 100px;
  height: 100px;
  position: absolute;
  z-index: -3;
  left: -160px;
  bottom: -20px;
  background-color: #6333ffa1;
  border-radius: 50%;
}
.cir-4 {
  width: 100px;
  height: 100px;
  position: absolute;
  z-index: -4;