/* Icon for add arrow */
.paragraphs-add-wrapper::before {
	content: '\2BA4';
	font-size: 20px;
	font-weight: 700;
	margin-right: 10px;
}
/* Icon for edit */
.paragraphs-actions:has(.paragraphs-icon-button-edit)::before {
	content: '\270E';
	font-size: 20px;
	font-weight: 700;
	margin-right: 10px;
}

.paragraphs-actions .field-dragdrop-mode-submit {
 /*  margin-right: 0.5rem;
  display: inline-block; */
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='currentColor' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 8h12'/%3e%3cpath d='M8 2l2 2 -4 0 2 -2'/%3e%3cpath d='M8 14l2 -2 -4 0 2 2'/%3e%3c/svg%3e");
	background-size: 1rem 1rem;
	background-position: 5px 53%;
	background-repeat: no-repeat;
	
}
.paragraphs-actions .action-link--danger {
	color: var(--color-maximumred);
	background-color: var(--color-bgred-hover);
}
.paragraphs-actions .action-link--danger.button {
	margin-left: 1rem;
}
.paragraphs-actions .action-link--danger:hover, .paragraphs-actions .action-link--danger:active {
	color: var(--color-bgred-hover);
	background-color:  var(--color-maximumred);
}
.paragraphs-actions .action-link--danger:focus {
	outline: var(--focus-outline);
	box-shadow: var(--focus-box-shadow);
}
.paragraphs-actions .action-link--danger::before {
	/* background-image: url("data:image/svg+xml,%3csvg height='16' width='16' fill='%23d72222' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M14.9 2.9c-.1-.4-.2-.6-.2-.6-.1-.4-.4-.4-.8-.5l-2.3-.3c-.3 0-.3 0-.4-.3-.4-.7-.5-1.2-.9-1.2H5.7c-.4 0-.5.5-.9 1.3-.1.2-.1.2-.4.3l-2.3.3c-.4 0-.7.1-.8.4 0 0-.1.2-.2.5-.1.6-.2.5.3.5h13.2c.5 0 .4.1.3-.4zm-1.5 1.8H2.6c-.7 0-.8.1-.7.6l.8 10.1c.1.5.1.6.8.6h9.1c.6 0 .7-.1.8-.6l.8-10.1c0-.5-.1-.6-.8-.6z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: 0 center;
    background-size: 1em 1em; */
	content: '\270E';
    font-size: 20px;
    font-weight: 700;
    margin-right: 10px;
}

/* Field-level Drag button styling */
.paragraphs-actions .field-dragdrop-mode-submit {
  margin-right: 0.25rem;
  display: inline-block;
}

/* Per-row Remove button styling */
tr.draggable input.js-form-submit[value="Remove"],
tr.draggable .paragraphs-dropdown-action--remove {
  margin-left: 1rem;
  display: inline-block;
  margin-right: 0;
}

/* Wrapper for re-order arrows */
.paragraph-reorder-buttons {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
}

/* Re-order Arrow buttons */
.paragraph-reorder-buttons button {
  border: 1px solid transparent;
  border-radius: var(--button-border-radius-size);
    background-color: var(--button-bg-color);
  cursor: pointer;
  padding: 2px 6px;
  font-size: 12px;
  line-height: 1;
}
.paragraph-reorder-buttons button:hover {
  background: #e2e2e2;
}