.tm-mailchimp-form {

	.form-title,
	.form-description {
		display: none;
	}

	input[type='email'] {
		&::-webkit-input-placeholder {
			color: inherit;
		}

		&:-moz-placeholder {
			color: inherit;
		}

		&::-moz-placeholder {
			color: inherit;
		}

		&:-ms-input-placeholder {
			color: inherit;
		}
	}

	.button-icon {
		@extend %FontAwesomeSolid;

		&:before {
			content: '\f0e0';
		}
	}

	&.style-01 {
		.form-item-wrap {
			position: relative;
		}

		input[type='email'] {
			padding-right: 65px;
		}

		.form-submit {
			border: 0 !important;
			border-radius: 0;
			background: transparent;
			position: absolute;
			top: 0;
			right: 0;
			width: 62px;
			height: 62px;
			line-height: 62px;
			padding: 0;
			box-shadow: none;
			transform: none;

			&:hover {
				color: #fff;
			}
		}

		.button-icon {
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
		}

		.form-description {
			color: #fff;
			margin-top: 24px;
		}

		.button-text {
			display: none;
		}
	}

	&.style-02 {
		.form-item-wrap {
			position: relative;
		}

		input[type='email'] {
			padding-right: 110px;

			&:focus {
				border-color: #fff;
			}
		}

		.form-submit {
			border: 0 !important;
			border-radius: 0;
			background: transparent;
			position: absolute;
			top: 0;
			right: 0;
			padding: 0 25px;
			box-shadow: none;
			transform: none;
			height: 62px;
			line-height: 62px;

			&:hover {
				color: #fff;
			}
		}

		.form-description {
			color: #fff;
			margin-top: 24px;
		}

		.button-icon {
			display: none;
		}
	}

	&.style-03 {
		.form-item-wrap {
			position: relative;
		}

		input[type='email'] {
			padding-left: 0;
			padding-right: 65px;
			height: 46px;
			border: 0;
			border-bottom: 2px solid rgba(255, 255, 255, .23);
			background: transparent;

			&:focus {
				color: #fff;
			}
		}

		.form-submit {
			border: 0 !important;
			border-radius: 0;
			background: transparent;
			position: absolute;
			top: 0;
			right: 0;
			width: 46px;
			height: 100%;
			padding: 0;
			box-shadow: none;
			transform: none;

			&:hover {
				color: #fff;
			}
		}

		.button-icon {
			position: absolute;
			top: 50%;
			right: 0;
			transform: translate(0, -50%);
			font-size: 12px;

			&:before {
				content: '\f061';
			}
		}

		.form-description {
			color: #fff;
			margin-top: 24px;
		}

		.button-text {
			display: none;
		}
	}
}
