:root body :where(.wp-element-button:focus, .wp-block-button__link:focus) {
    outline-color: var(--wp--preset--color--two) !important;
}

.wp-block-button.is-style-one .wp-block-button__link {
	background-color: var(--wp--preset--color--one);
	border-color: var(--wp--preset--color--one);
	color: var(--wp--preset--color--two);
}

.wp-block-button.is-style-three .wp-block-button__link {
	background-color: var(--wp--preset--color--three);
	border-color: var(--wp--preset--color--three);
	color: var(--wp--preset--color--one);
}

.wp-block-button.is-style-four .wp-block-button__link {
	background-color: var(--wp--preset--color--four);
	border-color: var(--wp--preset--color--four);
	color: var(--wp--preset--color--two);
}

.wp-block-button.is-style-five .wp-block-button__link {
	background-color: var(--wp--preset--color--five);
	border-color: var(--wp--preset--color--five);
	color: var(--wp--preset--color--one);
}

.wp-block-button.is-style-six .wp-block-button__link {
	background-color: var(--wp--preset--color--six);
	border-color: var(--wp--preset--color--six);
}

.wp-block-button.is-style-seven .wp-block-button__link {
	background-color: var(--wp--preset--color--seven);
	border-color: rgba(47, 43, 67, 0.10);
	box-shadow: 0px 1px 3px 0px rgba(47, 43, 67, 0.10), 0px -1px 0px 0px rgba(47, 43, 67, 0.10) inset;
	color: var(--wp--preset--color--black);
}

.wp-block-button.is-style-one .wp-block-button__link {
	background-color: var(--wp--preset--color--one);
	border-color: var(--wp--preset--color--one);
	color: var(--wp--preset--color--two);
}

.wp-block-button.is-style-text-link .wp-block-button__link {
    background: url(../images/icon-link.svg) no-repeat right 10px;
    border: none;
    border-radius: 0;
    color: var(--wp--preset--color--blue);
    font-size: var(--wp--preset--font-size--paragraph-1);
    font-weight: 400;
    padding: 5px 48px 1px 0;
    min-width: auto;
}

.wp-block-button__link {
    position: relative;
    white-space: nowrap; /* Prevent text wrapping */
    transition: all 0.3s ease; /* Smooth transition for width and other styles */
}

.wp-block-button__link::after {
	content: '➔'; /* Unicode for tail arrow ➔ */
    font-weight: bold;
    font-size: 16px; /* Adjust arrow size */
    position: absolute; /* Position it absolutely to avoid initial space */
    opacity: 0;
    right: 10px; /* Position the arrow to the right during hover */
    transform: translateX(-15px); /* Move the arrow left by default */
    transition: all 0.3s ease; /* Smooth animation */
}

.wp-block-button__link:hover {
    padding-right: 30px; /* Add space dynamically for the arrow */
	opacity:0.9;
}

.wp-block-button__link:hover::after {
	opacity: 1; /* Make the arrow visible */
    transform: translateX(0); /* Move the arrow to its normal position */
}