.elementor-widget-container {
	.fancify-button {
		.elementor-button {
			position: relative;
			text-align: left;
			border-radius: 0px;
			transition: $transition-fast;
			z-index: 1;
			transition: 0.2s ease;
			display: inline-flex;
			align-items: center;
			height: 56px;
			text-decoration: none;

			&:before {
				position: absolute;
				content: "";
				top: 0;
				right: 0;
				bottom: 0;
				left: 0;
				z-index: -1;
				opacity: 0;
				background-image: linear-gradient(271deg, #434343, #111111);
				transition: 0.2s;
			}

			&::after {
				position: absolute;
				margin-left: -25px;
				top: 50%;
				width: 50px;
				height: 2px;
				background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, #6A11CB), color-stop(50%, white));
				background-image: linear-gradient(90deg, #6A11CB 50%, white 50%);
				transition: 0.3s linear;
			}

			.elementor-button-text {
				//padding: 0% 51px 0% 50px;
				letter-spacing: 1px;
				font-weight: $light;
				@include font-size(16);
				height: 100%;
				white-space: nowrap;
			}

			&:hover {
				&:before {
					opacity: 1;
					transition: 0.2s ease;
				}

				&::after {
					background: linear-gradient(90deg, #1A1A1A 50%, white 50%);

				}
			}

			//Small Button
			&.small {
				height: 48px;

				@include for-desktop {
					height: 44px;
				}

				.elementor-button-text {
					padding: 0% 24px 0% 41px;

					@include for-desktop {
						padding: 100% 19px 100% 34px;
						@include font-size(14);
					}
				}

				&:after {
					width: 48px;
					margin-left: -24px;

					@include for-desktop {
						width: 44px;
						margin-left: -22px;
					}
				}
			}
		}

		&.fancify-button-style-type-1 {
			.elementor-button {
				border-radius: 28px;
				@include gradient(74deg, $default-green, $default-light-green);
				@include gradient-hover(74deg, $default-dark-blue, $default-dark-blue);
				height: 52px;
				box-shadow: 0 7px 30px rgba($default-green, 0.5);
				@include font-size(16);
				@include font-weight(regular);
				@include font-family-poppins;
				letter-spacing: 0.48px;
				padding: 0;

				&:hover {
					box-shadow: 0 7px 30px rgba($default-dark-blue, 0.5);
				}

				&::before {
					border-radius: 28px;
				}

				&::after {
					content: unset;
				}

				span {
					z-index: 1;
				}

				&.small {
					.elementor-button-text {
						padding: 0% 45px 0% 45px;
					}
				}
			}

			.elementor-button-text {
				padding: 0% 45px 0% 45px;
			}
		}

		&.fancify-button-azure {
			.elementor-button {
				background-image: unset;
				background: #191C53;
				border-radius: 5px;
				box-shadow: 0 7px 15px #191C534D;
				height: 51px;
				@include font-family-lato;
				letter-spacing: 0.48px;
				@include font-weight(regular);

				&::before {
					background-image: unset;
					background: #323FFF;
					border-radius: 5px;
					box-shadow: 0 7px 15px #323FFF4D;
				}
			}

			.elementor-button-text {
				padding: 0 5px;
			}
		}
	}
}