.task {
  position: relative;
}

.task.drop-before {
  box-shadow: inset 0 4px 0 var(--ink);
}

.task.drop-after {
  box-shadow: inset 0 -4px 0 var(--ink);
}

.task.drop-before::after,
.task.drop-after::after {
  content: "Insertar aquí";
  position: absolute;
  right: 8px;
  z-index: 2;
  padding: 3px 7px;
  border-radius: 5px;
  background: var(--ink);
  color: white;
  font-size: 9px;
  font-weight: 800;
}

.task.drop-before::after { top: -11px; }
.task.drop-after::after { bottom: -11px; }