/**
 * The following styles get applied both on the front of your site
 * and in the editor.
 *
 * Replace them with your own styles or remove the file completely.
 */

.homegrade-blocks-highlight {
	&__titling {
		display: flex;
		align-items: center;
		.icon {
			background-color: black;
			border-radius: 50%;
			aspect-ratio: 1/1;
			width: 40px;
			height: 40px;
			padding: 10px;
			display: flex;
			justify-content: center;
			align-items: center;

			img {
				width: 30px;
				max-width: 80%;
				max-height: 100%;
				height: auto;
			}
		}
		h3 {
			padding-left: 10px;
		}
	}

	ul li {
		list-style-type: disc;
		list-style-position: inside;
		// display: flex;
		margin-left: 1.5em;
	}

	p + ul {
		padding-top: 16px;
	}
	ul + p {
		padding-top: 16px;
	}
}