.glozin-subscribe-box__type-row {
	.glozin-subscribe-box__content {
		.mc4wp-form-fields {

			input:not([type="submit"]) {
				margin: 0;
			}

			.glozin-svg-icon {
				display: block;
			}
		}

		input[type="email"] {
			margin-bottom: 0;
		}

		button,
		input[type="submit"] {
			--gz-button-padding-right: 35px;
			--gz-button-padding-left: 35px;
		}

		p {
			margin-top: 0;
		}
	}
}

.glozin-subscribe-box__content {
	.mc4wp-form-fields {
		display: flex;
		flex-direction: column;

		button {
			font-weight: 600;
		}

		.glozin-svg-icon {
			display: none;
		}
	}

	input[type="email"] {
		margin-bottom: 20px;
	}

	.mc4wp-alert {
		font-size: 13 / 16 * 1rem;
		padding: 10px 15px;
		margin: 10px 0;
		border-radius: var(--gz-input-rounded);

		p {
			margin: 0;
		}
	}

	.mc4wp-success {
		background-color: #E8F0E9;
		color: #428445;
	}

	.mc4wp-warning {
		background-color: #FBF6EA;
		color: #E0B252;
	}

	.mc4wp-error {
		background-color: #FDE0E4;
		color: #EB001B;
	}

	.mc4wp-form-row {
		--gz-input-border-color-hover: var(--gz-border-color);
		width: 100%;
		position: relative;

		label {
            position: absolute;
            top: 2px;
            inset-inline-start: 0;
            padding: var(--gz-input-padding-y) var(--gz-input-padding-x);
            transform: scale(1);
            height: 100%;
            pointer-events: none;
            transform-origin: left top;
            transition: 0.2s;
            display: flex;
            color: var(--gz-input-placeholder-color);
			display: block;
			overflow: hidden;
			white-space: nowrap;
			text-overflow: ellipsis;
            line-height: 1;
            z-index: 1;
        }

        p {
            margin: 0;
        }

		input {
			width: 100%;
		}

        .mc4wp-form-control {
            &:-webkit-autofill {
                animation-name: autofill-animation;
                animation-duration: 0.001s;
                border-color: #000000;
            }
        }

        &.focused {
			--gz-input-border-color-hover: var(--gz-color-dark);

            label {
                transform: translateY(-.4rem) translateX(7px) scale(.75);
                opacity: 0.7;
            }
        }

        ::placeholder {
            color: transparent;
        }
	}
}

.glozin-subscribe-box__title {
	&.active {
		.glozin-subscribe-box__icon-default {
			opacity: 0;
		}

		.glozin-subscribe-box__icon-active {
			opacity: 1;
		}
	}
}

.glozin-subscribe-box__description,
.glozin-subscribe-box__after-description {
	a {
		--gz-transform-origin-start: left;
        --gz-transform-origin-end: right;
        --gz-animation-default: .5s cubic-bezier(.3, 1, .3, 1);
        --gz-reversed-link-gap: .05rem;
        background: linear-gradient(to var(--gz-transform-origin-end), currentColor, currentColor) 0 var(--gz-reversed-link-gap) / 0 var(--gz-reversed-link-gap) no-repeat;
        background-position-x: var(--gz-transform-origin-end);
        background-position-y: bottom;
        transition: background-size var(--gz-animation-default);
		font-weight: 600;

		&:hover {
			background-position-x: var(--gz-transform-origin-start);
            background-size: 100% var(--gz-reversed-link-gap);
            background-position-y: bottom;
		}
	}
}

.glozin-subscribe-box__icon {
	font-size: 12 / 16 * 1rem;
	position: absolute;
	inset-inline-end: 0;
	top: 50%;
	transform: translateY(-50%);
	cursor: pointer;
	border-radius: 50%;
	display: inline-flex;
	transition: .3s;

	i, svg {
		transition: .3s;
	}
}

.glozin-subscribe-box__icon-active {
	opacity: 0;
}

.glozin-subscribe-box__type-row {
	.glozin-subscribe-box__content {
		.mc4wp-form-fields {
			gap: 9px;
		}
	}
}

@media (min-width: 1200px) {
	.glozin-subscribe-box__type-row {
		.glozin-subscribe-box__content {
			button,
			input[type="submit"] {
				min-width: 160px;
			}
		}
	}
}

@media (max-width: 1150px) and (min-width: 1025px) {
    .glozin-subscribe-box__content {
		.mc4wp-form-row {
			label {
				font-size: 13 / 16 * 1rem;
			}
		}
	}
}

@media (min-width: 768px) {
	.glozin-subscribe-box__type-row {
		.glozin-subscribe-box__content {
			.mc4wp-form-fields {
				display: flex;
				flex-direction: row;
				align-items: flex-start;
			}
		}
	}
}