.pxl-mailchimp {
	&.style-default {
		[type="submit"] {
			font-size: 17px;
			line-height: 56px;
			border-radius: 15px;
			padding: 0 50px;
			background-color: $secondary_color;
			position: absolute;
			top: 0;
			right: -1px;
			&:hover {
				background-color: $primary_color;
			}
			+ i {
				display: none;
			}
			@media #{$max-sm} {
				position: static;
				width: 100%;
				margin-top: 10px;
				border-radius: 5px;
			}
		}
		[type="email"] {
			height: 56px;
			border-radius: 0px;
			color: #6F7F90;
			border-radius: 0 15px 15px 0;
		}
		.mc4wp-form-fields {
			position: relative;
		}
	}
	&.style-icon, &.style-icon2 {
		.mc4wp-form-fields {
			position: relative;
		}
		.mc4wp-submit-icon {
			position: absolute;
			width: 42px;
			height: 42px;
			top: 50%;
			transform: translateY(-50%);
			right: 8px;
			background-color: $primary_color;
			border-radius: 42px;
			overflow: hidden;
			color: #fff;
			line-height: 42px;
			display: inline-flex;
			justify-content: center;
			font-size: 20px;
			z-index: 1;
			&:before {
				display: inline-flex;
			}
		}
		[type="email"] {
			height: 54px;
			border-radius: 5px;
			color: #5D666F;
			font-size: 14px;
			padding: 0 28px;
			@include box-shadow(0 5px 12px rgba(#000, 0.04));
			border: none;
		}
		[type="submit"] {
			position: absolute;
			top: 50%;
			transform: translateY(-50%);
			right: 8px;
			width: 42px;
			height: 42px;
			text-indent: -999999px;
			padding: 0;
			opacity: 0;
			z-index: 2;
			&:hover + .mc4wp-submit-icon:before {
				-o-animation: toRightFromLeft 0.3s forwards;
                -ms-animation: toRightFromLeft 0.3s forwards;
                -webkit-animation: toRightFromLeft 0.3s forwards;
                animation: toRightFromLeft 0.3s forwards;
			}
		}
	}
	&.style-icon2 {
		[type="email"] {
			height: 58px;
			font-size: 16px;
			background-color: #F6F6F6;
			box-shadow: none;
		}
		[type="submit"] {
			width: 58px;
			height: 58px;
			right: 0;
		}
		.mc4wp-submit-icon { 
			@include box-shadow(0 10px 20px #{'rgba(var(--primary-color-rgb),0.2)'});
			border-radius: 5px;
			width: 58px;
			height: 58px;
			line-height: 58px;
			right: 0;
		}
	}
}

body.rtl {
	.pxl-mailchimp.style-icon [type="submit"], .pxl-mailchimp.style-icon .mc4wp-submit-icon {
		right: auto;
		left: 8px;
	}
	.pxl-mailchimp.style-icon .mc4wp-submit-icon {
		transform: translateY(-50%) scaleX(-1);
	}
	.pxl-mailchimp.style-icon2 [type="submit"], .pxl-mailchimp.style-icon2 .mc4wp-submit-icon {
		right: auto;
		left: 0;
	}
	.pxl-mailchimp.style-default [type="submit"] {
		right: auto;
		left: -1px;
	}
	.pxl-mailchimp.style-default [type="email"] {
		border-radius: 15px 0 0 15px;
	}
}