.footer-subscription__wrapper {
	margin-left: auto;
	margin-right: auto;
	color: var(--font-color-primary);
}

.footer-subscription__title {
	line-height: 103%;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 14px;
}

.footer-subscription__form-wrapper {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
}

.subcr-input {
	flex-grow: 1;
	padding: 0 10px;
	box-sizing: border-box;
	background-color: transparent;
	border: 1px solid #BEBEBE;
	border-radius: 5px;
	font-size: 16px;
	line-height: 200%;
	color: var(--font-color-primary);
	-webkit-appearance: none;
	appearance: none;
}

.subcr-input::-webkit-input-placeholder {
	font-size: 14px;
	color: #BEBEBE;
}

.subcr-input:hover,
.subcr-input:focus {
	background-color: transparent;
	outline: none;
	border: 1px solid var(--font-color-primary);
}

.footer-subscription__btn-submit {
	display: flex;
    justify-content: center;
    align-items: center;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	border: 1px solid #B4B4B4;;
	background-color: transparent;
}

.footer-subscription__btn-submit:hover,
.footer-subscription__btn-submit:focus {
	background-color: var(--font-color-primary);
}

.footer-subscription__btn-submit svg {
	min-width: 15px;
}

.footer-subscription__btn-submit path {
	fill: #B4B4B4;
}

.footer-subscription__btn-submit:hover path {
	fill: #ffffff;
	stroke: #ffffff;
}

.footer-subscription__user-agreement {
	font-size: 10px;
	line-height: 120%;
	letter-spacing: 0.03em;
	color: #A2A2A2;
}

.footer-subscription__user-agreement a {
	color: #A2A2A2;
	text-decoration: underline;
}

.footer-subscription__user-agreement a:hover,
.footer-subscription__user-agreement a:focus,
.footer-subscription__user-agreement a:active {
	color: #8b8989;
	text-decoration: none;
}

.footer-subscription__title span:first-child {
	display: block;
}

.footer-subscription__form {
	margin-top: 15px;
}

.footer-subscription__btn-submit {
	margin-left: 9px;
}

.footer-subscription__user-agreement {
	margin-top: 13px;
}

@media  (min-width: 650px) {
	.footer-subscription__wrapper {
		max-width: 410px;
	}
}

@media  (max-width: 650px) {

}

/* popup success */

.bx_subscribe_success-popup {
	background-color: #F0E1DD;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	margin: -10px;
}

.bx_subscribe_success-title {
	font-family: var(--font-accent);
	-webkit-font-smoothing: antialiased;
	line-height: 120%;
	text-transform: uppercase;
}

.bx_subscribe_success-description {
	font-family: var(--font-primary);
	text-align: center;
	line-height: 120%;
	letter-spacing: 0.055em;
}

@media  (min-width: 650px) {
	.bx_subscribe_success-popup {
		width: 480px;
		height: 600px;
	}

	.bx_subscribe_success-title {
		font-size: 40px;
		letter-spacing: 0.04em;
	}

	.bx_subscribe_success-description {
		width: 225px;
		margin-top: 20px;
		font-size: 20px;
	}
}


@media  (max-width: 650px) {
	.bx_subscribe_success-popup {
		width: 266px;
		height: 380px;
	}

	.bx_subscribe_success-title {
		font-size: 23px;
		letter-spacing: 0.05em;
	}

	.bx_subscribe_success-description {
		width: 155px;
		margin-top: 15px;
		font-size: 14px;
	}
}