// on cart page
.woocommerce-cart-form__contents {
	.coupon {
		display: flex;
		@include media-breakpoint-down (sm) {
			flex-direction: column;
			margin-bottom: .8em;
		}

		@include media-breakpoint-up (md) {
			float: left;
		}

		label {
			display: none;
		}

		input {
			@include media-breakpoint-down (sm) {
				width: 100%;
				margin-bottom: .8em;
			}

			@include media-breakpoint-up (md) {
				width: 220px;
				margin-right: 20px;
			}
		}
	}
}


// on checkout page
.checkout_coupon {
	padding: 1.5em 1.5em 0.5em 1.5em;
	margin: 0 0 50px 0;
	border-radius: 5px;
	border: 1px solid $border-color;
	background: rgba(224, 229, 235, 0.1);
}