@import "variables";
.p-unsubscribed {
	max-width: 720px;
	margin: 0 auto;
	padding-top: 56px;
	font-size: 16px;
	@media (max-width: 767px){
		padding-top: 24px;
	}
	@media (max-width: 449px){
		position: relative;
		margin-bottom: -12px;
	}
	.p-unsubscribed__title {
		position: relative;
		font-size: 36px;
		line-height: 1.25;
		font-weight: bold;
		@media (max-width: 767px){
			font-size: 22px;
		}
		.ico {
			position: absolute; top: 4px; left: 0;
			display: block;
			width: 24px;
			height: 24px;
			@media (min-width: 768px) {
				top: 15px;
				margin-left: -36px;
			}
		}
		&.with-ico {
			@media (max-width: 767px){
				padding-left: 36px;
			}
		}
	}
	.p-unsubscribed__description {
		padding-top: 12px;
	}
	.p-unsubscribed__result {
		.media-right {
			text-align: right;
			@media (max-width: 449px){
				padding-top: 28px !important;
			}
		}
		.text {
			max-width: 250px;
			padding-top: 40px;
			padding-bottom: 20px;
		}
		.image {
			display: inline-block;
			width: 140px;
			padding-top: 12px;
			@media (max-width: 449px) {
				display: none;
			}
			&.up {
				display: none;
				@media (max-width: 449px) {
					display: inline-block;
				}
			}
		}
		.btn {
			padding: 8px 20px 12px;
			font-size: 18px;
			line-height: 1.5;
			font-weight: bold;
		}
	}
}