@import "variables";
@import "tm_mixins";

.cherry-popup-title{
	margin-bottom: 20px;
}

.cherry-popup-content{
	margin-bottom: 20px;
}

.cherry-popup-subscribe{
	&__form{

	}

	&__input-group{
		display: flex;
		align-items: center;
		flex-flow: row nowrap;
	}

	&__input{
		flex: 1 1 auto;
	}

	&__submit{
		flex: 0 1 auto;
		padding: 10px 40px;
		margin-left: 10px;
		color: white;
		cursor: pointer;
		background-color: $blue_color;
		border-radius: 20px;
		display: inline-block;
		cursor: pointer;

		&:hover {
			background-color: $blue_color_h;
		}
	}

	&__message{
		display: none;

		span{
			color: $red_color;
		}

		&.success-type{
			span{
				color: $green_color;
			}
		}
	}
}