%vpf-icons-selector-item {
	position: relative;
	height: auto;
	padding: 15px;
	margin: 0;
	color: #000;
	border-radius: 2px;
	background-color: transparent;
	outline: 1px solid transparent;
	transition: 0.15s color ease-in-out, 0.15s background-color ease-in-out, 0.15s border ease-in-out, 0.15s box-shadow ease-in-out, 0.15s outline ease-in-out;

	&:hover,
	&:focus {
		color: var(--wp-admin-theme-color);
		background-color: rgba(var(--wp-admin-theme-color--rgb), 0.05);
	}

	// Remove default Gutenberg box shadow.
	&:focus:not(:focus-visible) {
		box-shadow: none;
	}
}
%vpf-icons-selector-item-active {
	color: var(--wp-admin-theme-color);
	background-color: rgba(var(--wp-admin-theme-color--rgb), 0.05);
	outline: 1px solid var(--wp-admin-theme-color) !important;
}
