/* Kaydırmalı düğme (components/SwipeButtons.tsx ile birlikte çalışır).
   style.css'teki hover'da kutuyu tamamen doldurma kaldırıldı; artık kutu sürüklenerek dolar. */
.wpr-btn.with-icon {
  touch-action: pan-y;
  user-select: none;
  -webkit-user-select: none;
  -webkit-user-drag: none;
  -webkit-tap-highlight-color: transparent;
  cursor: grab;
}
/* Fareyle tutunca çıkan odak çerçevesini gizle; klavye odağı (focus-visible) kalır */
.wpr-btn.with-icon:focus:not(:focus-visible) {
  outline: none;
}
.wpr-btn.with-icon img {
  pointer-events: none;
  -webkit-user-drag: none;
}

/* Hover: kutu biraz aralanır, oklar akar — "sağa çek" ipucu */
.wpr-btn.with-icon:hover .icon {
  width: 76px;
}

.wpr-btn.with-icon.is-dragging {
  cursor: grabbing;
}
.wpr-btn.with-icon.is-dragging .icon {
  transition: none;
}

/* Sona varıldı: kutu tamamen dolar, ardından bağlantı açılır */
.wpr-btn.with-icon.is-done .icon {
  width: 100%;
}