/*
 * Button — "AURUM Link" style  (is-style-ya-link).
 * Text carries a sand (#D9BD76) underline; the ey mark sits to the right with
 * a matching arc hugging its lower edge (border-bottom on a round pseudo box).
 */
.wp-block-button.is-style-ya-link {
	font-size: inherit;
}

.wp-block-button.is-style-ya-link .wp-block-button__link {
	position: relative;
	display: inline-block;
	background: none;
	border: 0;
	border-radius: 0;
	padding: 0 3.1em 0.85em 0;
	color: var(--color-charcoal);
	font-weight: 400;
	line-height: 1.2;
	text-decoration: none;
}

/* The straight underline under the label. */
.wp-block-button.is-style-ya-link .wp-block-button__link::before {
	content: "";
	position: absolute;
    left: 0;
    right: 48px;
    bottom: 0.55em;
    height: 3px;
	background-color: var(--color-sand);
	transition: height 180ms ease;
}

/* The ey mark + the rounded underline arc beneath it. */
.wp-block-button.is-style-ya-link .wp-block-button__link::after {
	content: "";
	position: absolute;
	right: 0;
	bottom: -0.35em;
	width: 2.5em;
	height: 2.5em;
	background: url("/wp-content/themes/yogaacademie/assets/img/ey.svg") center / 76% no-repeat;
	border-bottom: 4px solid var(--color-sand);
	border-radius: 50%;
	transform: scale(1);
	transition: transform 180ms ease;
}

.wp-block-button.is-style-ya-link .wp-block-button__link:hover,
.wp-block-button.is-style-ya-link .wp-block-button__link:focus {
	color: var(--color-charcoal);
}

.wp-block-button.is-style-ya-link .wp-block-button__link:hover::before,
.wp-block-button.is-style-ya-link .wp-block-button__link:focus::before {
	height: 4px;
}