/**
 * 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 {
	&__block-title {
		margin: 0 !important;
	}
	.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: 100%;
			height: 100%;
		}
	}
	&__titling {
		h3 {
			padding-left: 10px;
		}
	}

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

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