.wp-block-button > .wp-block-button__link .button-inner {
	display: flex;
	align-items: center;
	gap: 8px;
	transition: color 0.4s ease;
}

.wp-block-button__link.wp-element-button .button-inner {
	position: relative;
}

.wp-block-button__link.wp-element-button .button-inner::after {
	position: relative;
	top: 1px;
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='13' viewBox='0 0 18 13' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.7197 0.21967C11.0126 -0.0732233 11.4874 -0.0732233 11.7803 0.21967L17.1389 5.57825C17.5099 5.94925 17.5099 6.55075 17.1389 6.92175L11.7803 12.2803C11.4874 12.5732 11.0126 12.5732 10.7197 12.2803C10.4268 11.9874 10.4268 11.5126 10.7197 11.2197L14.9393 7H0.75C0.335786 7 0 6.66421 0 6.25C0 5.83579 0.335786 5.5 0.75 5.5H14.9393L10.7197 1.28033C10.4268 0.987437 10.4268 0.512563 10.7197 0.21967Z' fill='%23002230'/%3E%3C/svg%3E");
}

.wp-block-button__link.has-white-color.wp-element-button .button-inner::after {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='13' viewBox='0 0 18 13' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.7197 0.21967C11.0126 -0.0732233 11.4874 -0.0732233 11.7803 0.21967L17.1389 5.57825C17.5099 5.94925 17.5099 6.55075 17.1389 6.92175L11.7803 12.2803C11.4874 12.5732 11.0126 12.5732 10.7197 12.2803C10.4268 11.9874 10.4268 11.5126 10.7197 11.2197L14.9393 7H0.75C0.335786 7 0 6.66421 0 6.25C0 5.83579 0.335786 5.5 0.75 5.5H14.9393L10.7197 1.28033C10.4268 0.987437 10.4268 0.512563 10.7197 0.21967Z' fill='%23F5F9FC'/%3E%3C/svg%3E");
}

:root :where(.wp-element-button, .wp-block-button__link) {
	padding: calc(1em + 2px) calc(1.333em + 2px) !important;
}
/* Base WP buttons */
.wp-element-button,
.wp-block-button__link {
	position: relative;
	border-radius: 40px;
	border: none;
	background-color: transparent !important;
	background-image: none !important;
	color: #fff;
	z-index: 0;
	cursor: pointer;
	overflow: hidden;
}

/* Gradient border outline */
.wp-element-button::before,
.wp-block-button__link::before {
	content: '';
	position: absolute;
	inset: 0;
	padding: 1px;
	border-radius: inherit;
	background: linear-gradient(90deg, #08c9ff, #9be73e);
	-webkit-mask: linear-gradient(#000 0 0) content-box,
		linear-gradient(#000 0 0);
	-webkit-mask-composite: xor;
	mask-composite: exclude;
	z-index: -1;
	transition: background 0.4s ease;
}

/* Inner background (hidden by default) */
.wp-element-button::after,
.wp-block-button__link::after {
	content: '';
	position: absolute;
	inset: 0;
	border-radius: inherit;
	background: linear-gradient(90deg, #08c9ff, #9be73e);
	opacity: 0; /* <- off by default */
	z-index: -2;
	transition: opacity 0.4s ease, background 0.4s ease;
}

/* Hover effects */
.wp-element-button:hover::before,
.wp-block-button__link:hover::before {
	background: linear-gradient(90deg, #9be73e, #08c9ff);
}

.wp-element-button:hover::after,
.wp-block-button__link:hover::after {
	opacity: 1;
	background: linear-gradient(90deg, #9be73e, #08c9ff);
}

.wp-element-button:hover,
.wp-block-button__link:hover {
	color: #0d1a2b;
}