#anima{
  margin: 5px auto;
  width: 450px;
  height: 450px;
}

#check{
  display: none;
}

#central{
  width: 150px;
  height: 150px;
  position: absolute;
  margin: 30px 10px;
  z-index: 1;*/
}

#central img{
  width: 450px;
  transition: all .4s ease-in-out;
  border-radius: 50%;
}

.link{
  position: absolute;
  margin: 230px 205px;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  transition: all .1s ease-out;
  z-index: 0;
}

.link1{
  position: absolute;
  margin: 150px 130px;
  width: 200px;
  height: 200px;
  border-radius: 50%;
  transition: all .1s ease-out;
}

#check:checked ~ a #tombol_01{
  transform: translate(-310px, -115px );
  transition-delay: .1s;
  z-index: 1;
  /*transform: translateX(-90px);*/
}

#check:checked ~ a #tombol_02{
  transform: translate(140px, -253px);
  transition-delay: .2s;
  z-index: 1;
}

#check:checked ~ a #tombol_03{
  transform: translate(35px, 210px);
  transition-delay: .3s;
  z-index: 1;
}

#check:checked ~ a #tombol_04{
  transform: translate( -8px, -15px);
  z-index: 1;
}

#check:checked ~  #central img{
  transform: rotate(-45deg);
}