Есть инпут с кнопкой внутри. Текст инпута вылазит на кнопку, как исправить?

Question

[Сергей Романюк]

<form action="#" class="contacts-form">
	<input type="mail" placeholder="Enter your email"class="contacts-input">
	<button type="submit" class="contacts-button">Subscribe</button>
</form>

&-form
		position: relative
	&-input
		height: 70px
		padding: 43px 36px
		width: 884px
		border: 6px solid $black
		color: $black
		font-size: 33px
		&::placeholder
			color: $black
	&-button
		position: absolute
		height: 50px
		background-color: transparent
		border: none
		font-size: 33px
		font-weight: 400
		right: 0
		top: 50%
		transform: translateY(-50%)
		border-left: 1px solid $black
		cursor: pointer 
		padding-left: 33px
		padding-right: 33px
		text-transform: uppercase
		@include transition

Answer 1

[WapSter]

&-input {
   padding: 43px <b>136px</b> 43px 36px;
}

Answer 2

[Алексей]

Уберите абсолютное позиционирование и сверстайте на флексах