.has-border-effect,
.pioneer-gs-btn-border-effect .wp-block-greenshift-blocks-buttonbox,
.pioneer-gs-btn-border-effect .wp-block-greenshift-blocks-button {
	position: relative;
}

.has-border-effect::after,
.pioneer-gs-btn-border-effect .wp-block-greenshift-blocks-buttonbox::after,
.pioneer-gs-btn-border-effect .wp-block-greenshift-blocks-button::after {
	content: "";
	position: absolute;
	left: 50%;
	top: auto;
	bottom: -2px;
	transform: translate(-50%);
	width: 0;
	height: 4px;
	background: var(--pioneer-border-effect-bg, #fff);
	transition: all 0.3s;
}

.has-border-effect:hover::after,
.has-border-effect:focus::after,
.has-border-effect:focus-within::after,
.pioneer-gs-btn-border-effect .wp-block-greenshift-blocks-buttonbox:hover::after,
.pioneer-gs-btn-border-effect .wp-block-greenshift-blocks-buttonbox:focus::after,
.pioneer-gs-btn-border-effect .wp-block-greenshift-blocks-button:hover::after,
.pioneer-gs-btn-border-effect .wp-block-greenshift-blocks-button:focus::after {
	width: 76px;
	max-width: 50%;
}

.ct-arrow-btn .gspb-buttonbox-icon,
.pioneer-gs-btn-arrow-hover .gspb-buttonbox-icon {
	opacity: 0;
	transform: translate(-100%);
	transition: opacity 0.3s, transform 0.3s;
}

.ct-arrow-btn .gspb-buttonbox-text,
.pioneer-gs-btn-arrow-hover .gspb-buttonbox-text {
	transform: translate(-50%);
	left: 50%;
	position: relative;
	transition: transform 0.3s, left 0.3s;
}

.ct-arrow-btn:hover .gspb-buttonbox-icon,
.ct-arrow-btn:focus .gspb-buttonbox-icon,
.ct-arrow-btn:focus-within .gspb-buttonbox-icon,
.pioneer-gs-btn-arrow-hover:hover .gspb-buttonbox-icon,
.pioneer-gs-btn-arrow-hover:focus-within .gspb-buttonbox-icon {
	opacity: 1;
	transform: translate(0);
}

.ct-arrow-btn:hover .gspb-buttonbox-text,
.ct-arrow-btn:focus .gspb-buttonbox-text,
.ct-arrow-btn:focus-within .gspb-buttonbox-text,
.pioneer-gs-btn-arrow-hover:hover .gspb-buttonbox-text,
.pioneer-gs-btn-arrow-hover:focus-within .gspb-buttonbox-text {
	transform: translate(0);
	left: 0;
}