/* Derdiman – Magnetic Buttons. Hareketi JS verir; burada yalnızca hover geçişleri vardır. */
.dd-magnet-on { will-change: transform; }
.btn.dd-magnet-on, .d-form button.dd-magnet-on, .dd-magnet.dd-magnet-on { transition: background .25s, box-shadow .35s; }
@media (hover: hover) and (pointer: fine) {
  .btn.dd-magnet-on:hover, .d-form button.dd-magnet-on:hover:not(:disabled), .dd-magnet.dd-magnet-on:hover { box-shadow: 0 16px 28px -16px rgba(27, 29, 34, .6); }
}
/* örnek düğme (Gutenberg'de herhangi bir düğmeye "dd-magnet" ek CSS sınıfı verilebilir) */
.dd-magnet { display: inline-flex; align-items: center; justify-content: center; }