/* Button - Fill Style
--------------------------------------------- */

.wp-block-button .wp-element-button {
	transition: 0.2s all ease-in-out;
	background-image: var(--wp--preset--gradient--theme-gradient);
	color: var(--wp--preset--color--white);
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
	gap: 15px;
	position: relative;
}
.wp-block-button .wp-block-button__link::after {
	content: '';
	background-image: var(--plinkify--preset--svg--crosshairs--white);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 26px;
	display: inline-block;
	width: 26px;
	height: 26px;
	transition: 0.2s all ease-in-out;
}
@media not all and (pointer: coarse) {
	.wp-block-button .wp-block-button__link:hover,
	.wp-block-button.is-style-fill .wp-block-button__link:hover {
		background-color: transparent;
		background-image: none;
		outline-color: var(--wp--preset--color--primary);
		color: var(--wp--preset--color--white);
	}
	.wp-block-button .wp-block-button__link:hover::after,
	.wp-block-button.is-style-fill .wp-block-button__link:hover::after {
		content: '';
		background-image: var(--plinkify--preset--svg--crosshairs--white);
	}
}


/* Button - Fill Alt Style
--------------------------------------------- */
.wp-block-button.is-style-fill-alt .wp-block-button__link:hover {
	color: var(--wp--preset--color--primary);
}
.wp-block-button.is-style-fill-alt .wp-block-button__link:hover::after {
	content: '';
	background-image: var(--plinkify--preset--svg--crosshairs--green);
}


/* Button - Outline Style
--------------------------------------------- */

.wp-block-button.is-style-outline .wp-block-button__link {
	background-color: transparent;
	background-image: none;
	border: 0;
	outline-color: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--primary);
}
.wp-block-button.is-style-outline .wp-block-button__link::after {
	content: '';
	background-image: var(--plinkify--preset--svg--crosshairs--green);
}
.wp-block-button .wp-block-button__link.is-style-outline:not(.has-text-color), 
.wp-block-button.is-style-outline>.wp-block-button__link:not(.has-text-color) {
	color: var(--wp--preset--color--primary);
}

.wp-block-button.is-style-outline .wp-block-button__link:hover {
	background-color: var(--wp--preset--color--primary);
	outline-color: transparent;
	color: var(--wp--preset--color--white);
}
.wp-block-button.is-style-outline .wp-block-button__link:hover::after {
	content: '';
	background-image: var(--plinkify--preset--svg--crosshairs--white);
}

/* Button - Secondary Style
--------------------------------------------- */

.is-style-secondary-button .wp-block-button__link,
.wp-block.is-style-secondary-button .wp-block-button__link {
	background-color: var(--wp--preset--color--primary);
	background-image: linear-gradient(126deg, var(--wp--preset--color--primary) 14.32%, var(--wp--preset--color--secondary) 131.13%);
	color: var(--wp--preset--color--white);
	outline-color: transparent;
}
.is-style-secondary-button .wp-block-button__link::after {
	content: none !important;
}
.is-style-secondary-button .wp-block-button__link:hover,
.wp-block.is-style-secondary-button .wp-block-button__link:hover {
	background-image: linear-gradient(284deg, var(--wp--preset--color--primary) 21.45%, var(--wp--preset--color--secondary) 90.85%);
	outline-color: transparent;
	color: var(--wp--preset--color--white);
}

/* Button - White Style
--------------------------------------------- */

.is-style-white-button .wp-block-button__link {
	background: var(--wp--preset--color--white);
	color: var(--wp--preset--color--primary);
	outline-color: var(--wp--preset--color--white);
}
.is-style-white-button .wp-block-button__link::after {
	content: '';
	background-image: var(--plinkify--preset--svg--crosshairs--green);
}
.is-style-white-button .wp-element-button:hover {
	background: var(--wp--preset--color--primary);
	outline-color: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--white);
}
.is-style-white-button .wp-element-button:hover::after {
	content: '';
	background-image: var(--plinkify--preset--svg--crosshairs--white);
}

.is-style-outline-white-button .wp-element-button {
	background: transparent;
	color: var(--wp--preset--color--white);
	outline-color: var(--wp--preset--color--white);
}

.is-style-outline-white-button .wp-element-button:hover {
	background: var(--wp--preset--color--white);
	outline-color: var(--wp--preset--color--white);
	color: var(--wp--preset--color--primary);
}


/* Small Button */
.wp-block-button.is-small .wp-block-button__link {
	font-size: 14px;
	line-height: 20px;
	padding: 8px 16px 8px 14px;
}
.wp-block-button.is-small .wp-block-button__link::after {
	width: 19px;
	height: 19px;
	background-size: contain;
}