/**
 * The following styles get applied inside the editor only.
 *
 * Replace them with your own styles or remove the file completely.
 */

.homegrade-blocks-highlight {
	&--classic {
		.wp-block-button__link {
			background-color: #df1e1e !important;
		}
	}
	&--warning {
		&:after {
			z-index: 0 !important;
		}
	}

	ul {
		li {
			// list-style: none !important;
			display: flex;
			padding: 10px 0;
		}
		li:before {
			transform: translateY(6px);
			flex-shrink: 0;
			border-radius: 50%;
			content: "";
			width: 10px;
			height: 10px;
			display: inline-block;
			margin-right: 10px;
		}
	}
}

.homegrade-blocks-highlight__variant {
	.components-toggle-group-control-option-base[aria-checked="true"] {
		background-color: #e04d42;
		&:focus {
			outline: none;
		}
	}
}