/* ErkanButon Floating Buttons */
.erkanbuton-btn{
  position: fixed;
  width: 150px;
  height: 150px;
  background: transparent;
  cursor: pointer;
  display: block;
  text-decoration: none;
  z-index: var(--erkanbuton-z, 2147483647) !important;
}

.erkanbuton-ring,
.erkanbuton-fill,
.erkanbuton-icon{
  position: absolute;
  border-radius: 999px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

/* Orantılı büyütüldü */
.erkanbuton-ring{
  width: 128px;
  height: 128px;
  border: 2px solid rgba(30,30,30,.4);
  opacity: .5;
  animation: erkanbutonZoomIn 1s infinite;
}

.erkanbuton-fill{
  width: 92px;
  height: 92px;
  border: 2px solid transparent;
  opacity: .75;
  animation: erkanbutonPulse 1s infinite;
}

.erkanbuton-icon{
  width: 66px;
  height: 66px;
  display: grid;
  place-items: center;
  color: #fff;
  opacity: .95;
  animation: erkanbutonTada 1.2s infinite;
}

/* SVG ikon boyutu */
.erkanbuton-icon svg{
  width: 32px;
  height: 32px;
}

.erkanbuton-phone .erkanbuton-ring{ border-color: rgba(245,12,0,.65); }
.erkanbuton-phone .erkanbuton-fill{ background: rgba(0,175,242,.5); }
.erkanbuton-phone .erkanbuton-icon{ background: #f50c00; }

.erkanbuton-whatsapp .erkanbuton-ring{ border-color: rgba(13,159,22,.65); }
.erkanbuton-whatsapp .erkanbuton-fill{ background: rgba(13,159,22,.5); }
.erkanbuton-whatsapp .erkanbuton-icon{ background: #0d9f16; }

/* Animasyonlar aynı */
@keyframes erkanbutonPulse{
  0%{ transform: translate(-50%, -50%) scale(1); }
  50%{ transform: translate(-50%, -50%) scale(1.05); }
  100%{ transform: translate(-50%, -50%) scale(1); }
}
@keyframes erkanbutonZoomIn{
  0%{ opacity: 0; transform: translate(-50%, -50%) scale(.3); }
  50%{ opacity: 1; }
  100%{ opacity: .6; transform: translate(-50%, -50%) scale(1); }
}
@keyframes erkanbutonTada{
  0%{ transform: translate(-50%, -50%) scale(1); }
  10%,20%{ transform: translate(-50%, -50%) scale(.9) rotate(-3deg); }
  30%,50%,70%,90%{ transform: translate(-50%, -50%) scale(1.08) rotate(3deg); }
  40%,60%,80%{ transform: translate(-50%, -50%) scale(1.08) rotate(-3deg); }
  100%{ transform: translate(-50%, -50%) scale(1); }
}

/* Mobilde de büyük kalsın istiyorsanız burayı da büyütün */
@media (max-width: 480px){
  .erkanbuton-btn{ width: 120px; height: 120px; }
  .erkanbuton-ring{ width: 102px; height: 102px; }
  .erkanbuton-fill{ width: 74px; height: 74px; }
  .erkanbuton-icon{ width: 56px; height: 56px; }
  .erkanbuton-icon svg{ width: 28px; height: 28px; }
}