
	.wp-block-button .wp-block-button__link {
		align-items: center;
		display: flex;
		gap: var( --wp--preset--spacing--md );
		justify-content: center;
		position: relative;
	}

.wp-block-button .wp-block-button__link::after {
			background-color: currentcolor;
			content: "";
			display: inline-block;
			height: 12px;
			-webkit-mask-image: url( ../../../assets/svg/arrow-right.svg );
			        mask-image: url( ../../../assets/svg/arrow-right.svg );
			-webkit-mask-position: center;
			        mask-position: center;
			-webkit-mask-repeat: no-repeat;
			        mask-repeat: no-repeat;
			-webkit-mask-size: contain;
			        mask-size: contain;
			transition: transform var( --wp--custom--transition-duration--base ) ease;
			width: 12px;
		}

.wp-block-button .wp-block-button__link[href*="#"]:hover::after {
				transform: translateY( 3px );
			}

.wp-block-button .wp-block-button__link[href*="#"]::after {
				-webkit-mask-image: url( ../../../assets/svg/arrow-down.svg );
				        mask-image: url( ../../../assets/svg/arrow-down.svg );
			}

.wp-block-button .wp-block-button__link:hover::after, .wp-block-button .wp-block-button__link:focus::after {
				transform: translateX( 3px );
			}

.wp-block-button:not(.is-style-plain) .wp-block-button__link {
			background-color: var( --wp--custom--color--secondary );
			border: 2px solid var( --wp--custom--color--secondary );
			border-radius: 30px;
			padding: var( --wp--preset--spacing--sm ) var( --wp--preset--spacing--xl );
			transition: background-color var( --wp--custom--transition-duration--base ), color var( --wp--custom--transition-duration--base ), border-color var( --wp--custom--transition-duration--base );
		}

.wp-block-button:not(.is-style-plain) .wp-block-button__link:hover {
				background-color: var( --wp--custom--color--secondary-dark );
				border-color: var( --wp--custom--color--secondary-dark );
			}

.wp-block-button:not(.is-style-plain) .wp-block-button__link:focus-visible {
				outline: 4px solid var( --wp--custom--color--focus );
			}

.wp-block-button.is-style-outline .wp-block-button__link {
			background-color: transparent;
			color: var( --wp--custom--color--secondary );
		}

.wp-block-button.is-style-outline .wp-block-button__link:hover {
				background-color: var( --wp--custom--color--secondary );
				border-color: var( --wp--custom--color--secondary );
				color: var( --wp--preset--color--base );
			}

.wp-block-button.is-style-plain .wp-block-button__link {
			background-color: transparent;
			color: var( --wp--custom--color--secondary );
			padding: 0;
			-webkit-text-decoration: underline;
			text-decoration: underline;
		}

.wp-block-button.is-style-plain .wp-block-button__link:focus-visible {
				outline: none;
				text-decoration-color: var( --wp--custom--color--focus );
				text-decoration-thickness: 3px;
			}

.wp-block-button:where(.has-arrow-left) .wp-block-button__link::after {
			order: -1;
			rotate: 180deg;
		}

.wp-block-button:where(.has-arrow-top) .wp-block-button__link::after {
			rotate: -90deg;
		}

.wp-block-button:where(.has-arrow-bottom) .wp-block-button__link::after {
			rotate: 90deg;
		}

.wp-block-button:where(.has-arrow-none) .wp-block-button__link::after {
			display: none;
		}

.wp-block-button__width-100 {
	width: 100%;
}

.is-style-event-type .wp-block-button__link::after {
		content: none;
	}

.is-style-event-type .wp-block-button__link.is-active {
		background-color: var( --wp--custom--color--secondary );
		border-color: var( --wp--custom--color--secondary );
		color: var( --wp--preset--color--base );
	}

