.kkart-block-components-totals-coupon__form {
	display: flex;
	margin-bottom: 0;
	width: 100%;

	.kkart-block-components-totals-coupon__input {
		margin-bottom: 0;
		margin-top: 0;
		flex-grow: 1;
	}

	.kkart-block-components-totals-coupon__button {
		height: 48px;
		flex-shrink: 0;
		margin-left: $gap-smaller;
		padding-left: $gap-large;
		padding-right: $gap-large;
		white-space: nowrap;
	}
}

.kkart-block-components-totals-coupon__content {
	flex-direction: column;
	position: relative;

	.kkart-block-components-validation-error {
		margin-top: $gap-smaller;
		position: relative;
		width: 100%;
	}
}
