/* Button */
.wp-block-button {
	margin-bottom: 1rem;
}

/* Button - style underline */
.wp-block-button.is-style-underline .wp-element-button {
	background: none;
	border: 0;
	padding: 0;
	color: var(--wp--preset--color--contrast);
	font-weight: bold;
	text-decoration: underline;
	font-size: 0.9375rem;
}

.wp-block-button.is-style-underline .wp-element-button:hover {
	text-decoration: none;
}

@media screen and (min-width: 60em) {
	.wp-block-button.is-style-underline .wp-element-button {
		font-size: 1.125rem;
	}
}

/* Button - style arrow */
.wp-block-button.is-style-arrow {
	width: 100%;
}

.wp-block-button.is-style-arrow .wp-element-button {
	background: none;
	border: 0;
	padding: 0.3125rem 0;
	color: var(--wp--preset--color--contrast);
	font-weight: bold;
	font-family: var(--wp--preset--font-family--aleo);
	font-size: 1.375rem;
	text-align: left;
	position: relative;
	--arrow-size: 45px;
	padding-right: var(--arrow-size);
}

.wp-block-button.is-style-arrow .wp-element-button:after {
	content: "";
	width: var(--arrow-size);
	height: var(--arrow-size);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='0.5' stroke='%23333'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3' /%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: var(--arrow-size);
	display: block;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	opacity: 0;
}

.wp-block-button.is-style-arrow .wp-element-button:hover {
	color: var(--wp--preset--color--primary);
}

.wp-block-button.is-style-arrow .wp-element-button:hover:after {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='0.5' stroke='%23aea293 '%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3' /%3E%3C/svg%3E");
	opacity: 1;
}

.wp-block-button.is-style-arrow .wp-element-button.has-base-color:hover {
	color: var(--wp--preset--color--primary) !important;
}

@media screen and (min-width: 60em) {
	.wp-block-button.is-style-arrow .wp-element-button {
		font-size: 1.875rem;
	}
}

/* Spacer - style small */
.wp-block-spacer.is-style-small {
	height: 1rem !important;
}

.wp-block-spacer.is-style-medium {
	height: 2rem !important;
}

.wp-block-spacer.is-style-large {
	height: 3.5rem !important;
}

@media screen and (min-width: 60em) {
	.wp-block-spacer.is-style-small {
		height: 1.5rem !important;
	}

	.wp-block-spacer.is-style-medium {
		height: 3rem !important;
	}

	.wp-block-spacer.is-style-large {
		height: 5rem !important;
	}
}

/* List - style tick */
.wp-block-list.is-style-tick {
	list-style-type: none;
	padding-left: 0;
}

.wp-block-list.is-style-tick li {
	--icon-size: 1.25rem;
	display: flex;
	align-items: center;
	gap: 0.75rem;
	margin-bottom: 0.25rem;
}

.wp-block-list.is-style-tick.has-medium-font-size li {
	--icon-size: 1.5rem;
}

/* Gallery */
/* Core gives gallery images flex-grow: 1, which stretches a lone image on the
   last row to full width — keep them at their column width instead */
.wp-block-gallery.has-nested-images figure.wp-block-image {
	flex-grow: 0;
}

/* Gallery - load more */
/* :nth-child(n + 10) hides items past the first 9 — keep in sync with
   PP_GALLERY_VISIBLE_ITEMS in inc/gallery-load-more.php */
.wp-block-gallery.pp-gallery-has-load-more:not(.pp-gallery-expanded)
	.wp-block-image:nth-child(n + 10) {
	display: none;
}

.wp-block-gallery .pp-gallery-load-more {
	--arrow-size: 24px;
	flex-basis: 100%;
	max-width: max-content;
	margin: 3rem auto 0;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	font-size: 1rem;
	padding: 0.75rem 4rem;
	background: transparent;
	color: #000;
	border: 1px solid #000;
	border-radius: 0;
	position: relative;
}

.wp-block-gallery .pp-gallery-load-more:hover,
.wp-block-gallery .pp-gallery-load-more:focus {
	background: #2f2f2f;
	color: #fff;
	border-color: #2f2f2f;
}

.wp-block-gallery .pp-gallery-load-more:hover:after,
.wp-block-gallery .pp-gallery-load-more:focus:after {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='0.75' stroke='white'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3' /%3E%3C/svg%3E");
}

.wp-block-gallery .pp-gallery-load-more:after {
	content: "";
	width: var(--arrow-size);
	height: var(--arrow-size);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='0.75' stroke='%23333'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3' /%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: var(--arrow-size);
	position: absolute;
	right: 1rem;
	top: 50%;
	/* Source SVG points right; rotate to point down */
	transform: translateY(-50%) rotate(90deg);
}

.wp-block-gallery.pp-gallery-expanded .pp-gallery-load-more {
	display: none;
}

.wp-block-list.is-style-tick li:before {
	content: "";
	flex: 0 0 auto;
	height: var(--icon-size);
	width: var(--icon-size);
	border-radius: 100px;
	background: var(--wp--preset--color--contrast);
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="white"><path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5" /></svg>');
	background-repeat: no-repeat;
	background-size: 60%;
	background-position: center;
}