.btn.block-move-button {
  display: inline-grid;
}

.block-move-button__content,
.block-move-button__check {
  grid-area: 1 / 1;
  transition: opacity 0.15s ease;
}

.block-move-button__content {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: inherit;
}

.block-move-button__check {
  justify-self: center;
  align-self: center;
  opacity: 0;
}

.btn.block-move-button[aria-disabled="true"] {
  cursor: progress;
}

.btn.block-move-button[data-block-move-state="success"] {
  background-color: color-mix(in srgb, var(--success) 30%, var(--background));
  border-color: var(--success);
  color: var(--foreground);
  cursor: default;
}

.block-move-button[data-block-move-state="success"] .block-move-button__content {
  opacity: 0;
}

.block-move-button[data-block-move-state="success"] .block-move-button__check {
  opacity: 1;
}

@media (prefers-reduced-motion: reduce) {
  .btn.block-move-button,
  .block-move-button__content,
  .block-move-button__check {
    transition: none;
  }
}