/* Rounded icons in block types list */
.block-editor-block-types-list__item-icon {
  border-radius: 8px;
}

.block-editor-block-icon {
  border-radius: 4px;
}

/* Keep icon color white on hover */
button[class*="editor-block-list-item-modern-fields"] .block-editor-block-icon.has-colors svg {
  transition: none;
  background-color: transparent;
}

button[class*="editor-block-list-item-modern-fields"]:hover .block-editor-block-icon.has-colors svg {
  fill: white;
}

button[class*="editor-block-list-item-modern-fields"] .block-editor-block-types-list__item-icon {
  transition: all 0.1s ease-in;
}

button[class*="editor-block-list-item-modern-fields"]:hover .block-editor-block-types-list__item-icon {
  transform: scale(1.1) translateY(-2px);
}