.input {
	margin: 0;
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	cursor: pointer;
	white-space: nowrap;
	text-decoration: none;
	font-family: $ff-sans;
	&--newsletter {
		border: 1px solid rgba(229, 228, 227, 0.27);
		font-size: 14px;
		background-color: rgba(0, 0, 0, 0.13);
		transition: background-color 300ms cubic-bezier(0.86, 0, 0.07, 1);
		padding: 16px 28px;
		border-radius: 25px;
		border: 1px solid transparent;
		color: #fff;
		line-height: 1;
		width: 300px;
		transition: border 0.25s ease-in-out;
		&::placeholder {
			color: $secondary-color !important;
		}
		&:hover {
			border: 1px solid rgba($secondary-color, 0.5);
		}
	}
	&--contact {
		padding: 16px;
		font-size: 14px;
		font-family: $ff-sans;
	}
}