body .wp-load-more__infinite-scroll {
	pointer-events: none;
	justify-content: center;
	display: flex;


	&.is-content-justification-right {
		justify-content: flex-end;
	}

	&.is-content-justification-left {
		justify-content: flex-start;
	}

	.animation-wrapper {
		display: inline-block;
		position: relative;
		width: 32px;
		height: 32px;

		div {
			position: absolute;
			border-width: 2px;
			border-style: solid;
			border-color: inherit;
			opacity: 1;
			border-radius: 50%;
			animation: load-more-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;

			&:nth-child(2) {
				animation-delay: -0.5s;
			}
		}
	}

	+ .wp-block-buttons {
		opacity: 0;
		visibility: hidden;
		overflow: hidden;
		height: 1px;
		pointer-events: none;
	}
}

@keyframes load-more-ripple {

	0% {
		top: 50%;
		left: 50%;
		width: 0;
		height: 0;
		opacity: 0;
	}

	4.9% {
		top: 50%;
		left: 50%;
		width: 0;
		height: 0;
		opacity: 0;
	}

	5% {
		top: 50%;
		left: 50%;
		width: 0;
		height: 0;
		opacity: 1;
	}

	100% {
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		opacity: 0;
	}
}