ul.wp-block-gallery {
	margin-left: 0;

	.blocks-gallery-item a {
		&::before {
			@include fa-icon;
			font-family: 'Font Awesome 5 Free', 'Font Awesome 5 Pro';
			font-weight: 600;
			content: fa-content($fa-var-search);
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, 20%);
			color: #fff;
			font-size: 22px;
			z-index: 5;
			@include transition;
			opacity: 0;
			pointer-events: none;
		}
		&::after {
			display: block;
			content: '';
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background: $color__primary;
			opacity: 0;
			@include transition;
			z-index: 4;
			pointer-events: none;
		}
		&:hover {
			&::before {
				opacity: 1;
				transform: translate(-50%, -50%);
			}
			&::after {
				opacity: 0.4;
			}
		}
	}
}