@media (min-width: 1025px) {
	.banner-btn-position-hover .content-banner {
		transition: transform .25s ease;
	}
	
	.banner-btn-position-hover .banner-inner p:first-child:empty ~ p:last-child {
		margin-block: -10px 0;
	}
	
	.banner-btn-position-hover .banner-btn-wrapper {
		position: absolute;
		top: 100%;
		inset-inline: 0;
		opacity: 0;
		transition: opacity .25s ease, transform .25s ease;
		transform: translateY(15px);
	}
	
	.banner-btn-position-hover:hover .wrapper-content-banner.wd-items-middle>div {
		transform: translateY(calc(( ( var(--button-size) + var(--button-space) ) * -1 ) / 2));
	}
	
	.banner-btn-position-hover:hover .wrapper-content-banner.wd-items-bottom>div {
		transform: translateY(calc(( var(--button-size) + var(--button-space) ) * -1));
	}
	
	.banner-btn-position-hover:hover .content-banner {
		transition: transform .3s ease;
	}
	
	.banner-btn-position-hover:hover .banner-btn-wrapper {
		opacity: 1;
		transition: opacity .4s ease, transform .4s ease;
		transform: translateY(0);
	}
	
	.banner-btn-position-hover.banner-btn-size-small {
		--button-size: 36px;
	}
	
	.banner-btn-position-hover.banner-btn-size-default {
		--button-size: 42px;
	}
	
	.banner-btn-position-hover.banner-btn-size-large {
		--button-size: 48px;
	}
	
	.banner-btn-position-hover.banner-btn-size-extra-large {
		--button-size: 56px;
	}
	
	.banner-btn-position-hover.banner-btn-style-link {
		--button-size: 24px;
	}
}

@media (max-width: 768.98px) {
	.banner-btn-position-hover .banner-btn-wrapper {
		display: none;
	}
}