/**************** Premium Button ***********************/
/*******************************************************/
.premium-button {
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	position: relative;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	cursor: pointer;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.premium-button-style3-before i,
.premium-button-style3-before svg {
	opacity: 0;
	-webkit-transform: translateX(-5px);
	-ms-transform: translateX(-5px);
	transform: translateX(-5px);
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.premium-button-style3-after i,
.premium-button-style3-after svg {
	opacity: 0;
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	-webkit-transform: translateX(5px);
	-ms-transform: translateX(5px);
	transform: translateX(5px);
}
.premium-button-style3-after:hover i,
.premium-button-style3-after:hover svg {
	opacity: 1;
	-webkit-transform: translateX(var(--pa-btn-style3-translate, 5px));
	-ms-transform: translateX(var(--pa-btn-style3-translate, 5px));
	transform: translateX(var(--pa-btn-style3-translate, 5px));
}

.premium-button-style3-before:hover i,
.premium-button-style3-before:hover svg {
	opacity: 1;
	-webkit-transform: translateX(var(--pa-btn-style3-translate, -5px));
	-ms-transform: translateX(var(--pa-btn-style3-translate, -5px));
	transform: translateX(var(--pa-btn-style3-translate, -5px));
}

.premium-button-style3-top i,
.premium-button-style3-top svg {
	opacity: 0;
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	-webkit-transform: translateY(-5px);
	-ms-transform: translateY(-5px);
	transform: translateY(-5px);
}
.premium-button-style3-top:hover i,
.premium-button-style3-top:hover svg {
	opacity: 1;
	-webkit-transform: translateY(var(--pa-btn-style3-translate, -5px));
	-ms-transform: translateY(var(--pa-btn-style3-translate, -5px));
	transform: translateY(var(--pa-btn-style3-translate, -5px));
}

.elementor-widget-premium-addon-button .premium-button-text-icon-wrapper {
	width: 100%;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}
.elementor-widget-premium-addon-button .premium-button-text-icon-wrapper span,
.elementor-widget-premium-addon-button .premium-button-text-icon-wrapper i,
.elementor-widget-premium-addon-button .premium-button-text-icon-wrapper svg {
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.premium-button-style4-icon-wrapper {
	position: absolute;
	z-index: 2;
	width: 100%;
	text-align: center;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 100%;
	opacity: 0;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.premium-button-style4-icon-wrapper.top {
	bottom: -100%;
	inset-inline-start: 0;
}
.premium-button-style4-icon-wrapper.bottom {
	top: -100%;
	inset-inline-start: 0;
}
.premium-button-style4-icon-wrapper.left {
	top: 0;
	inset-inline-start: -100%;
}
.premium-button-style4-icon-wrapper.right {
	top: 0;
	inset-inline-end: -100%;
}

.premium-button-style4-bottom:hover .premium-button-style4-icon-wrapper {
	top: 0;
	opacity: 1;
}

.premium-button-style4-top:hover .premium-button-style4-icon-wrapper {
	bottom: 0;
	opacity: 1;
}

.premium-button-style4-left:hover .premium-button-style4-icon-wrapper {
	inset-inline-start: 0;
	opacity: 1;
}

.premium-button-style4-right:hover .premium-button-style4-icon-wrapper {
	inset-inline-end: 0;
	opacity: 1;
}

.premium-button-style4-bottom:hover .premium-button-text-icon-wrapper {
	-webkit-transform: translateY(100%);
	-ms-transform: translateY(100%);
	transform: translateY(100%);
	opacity: 0;
}

.premium-button-style4-top:hover .premium-button-text-icon-wrapper {
	-webkit-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	transform: translateY(-100%);
	opacity: 0;
}

.premium-button-style4-left:hover .premium-button-text-icon-wrapper {
	-webkit-transform: translateX(100%);
	-ms-transform: translateX(100%);
	transform: translateX(100%);
	opacity: 0;
}

.premium-button-style4-right:hover .premium-button-text-icon-wrapper {
	-webkit-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	transform: translateX(-100%);
	opacity: 0;
}

.rtl .premium-button-style3-after i,
.rtl .premium-button-style3-after svg {
	-webkit-transform: translateX(-5px);
	-ms-transform: translateX(-5px);
	transform: translateX(-5px);
}
.rtl .premium-button-style3-after:hover i,
.rtl .premium-button-style3-after:hover svg {
	-webkit-transform: translateX(var(--pa-btn-style3-translate, -5px));
	-ms-transform: translateX(var(--pa-btn-style3-translate, -5px));
	transform: translateX(var(--pa-btn-style3-translate, -5px));
}
.rtl .premium-button-style4-left:hover .premium-button-text-icon-wrapper {
	-webkit-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	transform: translateX(-100%);
}
.rtl .premium-button-style4-right:hover .premium-button-text-icon-wrapper {
	-webkit-transform: translateX(100%);
	-ms-transform: translateX(100%);
	transform: translateX(100%);
}
