/* @group Example
------------------------------------ */

.title-aside .wp-block-heading {
        text-wrap: balance;

}

body:has(.availability-list) .title-aside .bp-button:not(.is-style-textLink) {
	--paddingInline: 4.5rem;
}

@media only screen
and (min-width : 961px) {
	body:has(.availability-list) .title-aside .bp-button:not(.is-style-textLink) {
		--paddingInline: 6rem;
	}
}
@media only screen
and (min-width : 961px)
and (max-width : 1440px) {
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {
}

/* @end */


/* Animations
------------------------------------ */
:where(#wrapper) .title-aside .bp-column {
	opacity: 0;
	--duration: 1s;
}
:where(#wrapper) .title-aside.animateActive .bp-column {
	animation: fadeUp var(--duration) forwards;
	animation-delay: var(--delay, 0);
    --delay: 0.3s;
}