@import "variables";
.p-cart-promo {
	max-width: 240px;
	margin-left: auto;
	margin-bottom: 12px;
	font-size: 14px;
	.p-cart-promo__head {
		text-align: right;
		.p-cart-promo-toggle {
			border: 0;
			position: relative;
			display: inline-block;
			padding-left: 24px;
			text-decoration: none;
			img, svg {
				position: absolute; top: 50%; left: 0;
				display: block;
				width: 16px;
				height: 16px;
				margin-top: -7px;
			}
		}
	}
	.p-cart-promo__form {
		display: none;
	}
	.p-cart-promo__success {
		position: relative;
		display: none;
		.success__head {
			position: relative;
			margin-bottom: 4px;
			padding-right: 24px;
			.p-cart-promo__remove, a.p-cart-promo__remove {
				border: 0;
				position: absolute; top: 5px; right: 0;
				color: #9B9B9B;
				img, svg {
					display: block;
					width: 14px;
					height: 14px;
				}
				&:hover {
					color: $red;
				}
			}
		}
		.success__body {
			background: #b8e986;
			position: relative;
			padding: 6px 8px 6px 36px;
			font-size: 16px;
			@include border-radius(3px);
			img, svg {
				position: absolute; top: 50%; left: 12px;
				display: block;
				width: 16px;
				height: 16px;
				margin-top: -8px;
			}
		}
	}
	//mods
	&.form {
		.p-cart-promo__head {
			display: none;
		}
		.p-cart-promo__form {
			display: block;
		}
	}
	&.success {
		.p-cart-promo__head {
			display: none;
		}
		.p-cart-promo__success {
			display: block;
		}
	}
}