.is-style-tab-toggle.wp-block-buttons--tab-toggle--active::before {
    animation: tab-arrow-reveal 0.25s 0.25s ease-out forwards;
    display: block;
    width: 0.75em;
    height: 0.75em;
    background-color: currentColor;
    mask-image: url(../icons/chevron.svg);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    opacity: 0;
	pointer-events: none;
	position: absolute;
	right: 1em;
	top: 50%;
	transform: translateY(-50%) rotate(0deg);
    z-index: 0;
}

@media screen and (max-width: 781px) {
    .is-style-tab-toggle .wp-block-button {
        interpolate-size: allow-keywords;
        overflow: hidden;
        transition-duration: 0.25s;
        transition-property: background-color, border-color, color, height;
        transition-timing-function: ease-out;
        flex-grow: 1;
        width: 100%;
        display: flex;
    }

    .is-style-tab-toggle .wp-block-button__link {
        width: 100%;
    }

    .is-style-tab-toggle.wp-block-buttons--tab-toggle--active {
        gap: 0;
    }

    .is-style-tab-toggle.wp-block-buttons--tab-toggle--active::before {
        content: "";
    }

    .is-style-tab-toggle.wp-block-buttons--tab-toggle--active > .wp-block-button {
		height: 0;
	}

    .is-style-tab-toggle.wp-block-buttons--tab-toggle--active > .wp-block-button:has(> .wp-block-button__link[aria-pressed="true"]) {
		height: auto;
	}
}

@keyframes tab-arrow-reveal {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}