.dp-appointment-delete {
  display: grid;
  width: 36px;
  height: 36px;
  padding: 0;
  place-items: center;
  border: 1px solid #efc3c8;
  border-radius: 8px;
  color: #bd3745;
  background: #fff7f8;
  cursor: pointer;
}

.dp-appointment-row-actions { display: flex; gap: 6px; }
.dp-appointment-edit { display:grid;width:36px;height:36px;padding:0;place-items:center;border:1px solid var(--dp-line);border-radius:8px;color:var(--dp-primary);background:#fff;cursor:pointer;font-size:18px; }
.dp-appointment-edit:hover { border-color:var(--dp-primary);background:rgba(96,70,215,.07); }

.dp-appointment-delete:hover {
  border-color: #bd3745;
  background: #fdecef;
}