.botao,
button,
input[type="submit"],
input[type="reset"],
input[type="button"]{
	height: 58px;
	line-height: 58px;
	border: 1px solid #d2d2d2;
	margin-bottom: 25px;
	border-radius: 20px;
	font-size: 20px;
	font-weight: 500;
	font-family: $font-family;
	padding: 0 40px;
	transition: 0.2s;
	@include mq-min(1920) {
		height: valor-fluido(58, 1920);
		line-height: valor-fluido(58, 1920);
		border: valor-fluido(1, 1920) solid #d2d2d2;
		margin-bottom: valor-fluido(25, 1920);
		border-radius: valor-fluido(20, 1920);
		font-size: valor-fluido(20, 1920);
		padding: 0 valor-fluido(40, 1920);
	}
	&:hover, &:focus{
		
	}
	&.primario{
		background-color: #25c500;
		border-color: #25c500;
		&:hover, &:focus{
			background-color: darken(#25c500, 10%);
			border-color: darken(#25c500, 10%);
		}
	}
}

.campo,
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea,
select{
	height: 58px;
	line-height: 58px;
	border: 1px solid #d2d2d2;
	box-shadow: none;
	background: transparent;
	border-radius: 20px;
	margin-bottom: 25px;
	font-size: 18px;
	font-weight: 300;
	font-family: $font-family;
	padding: 0 35px;
	transition: 0.2s;
	@include mq-min(1920) {
		height: valor-fluido(58, 1920);
		line-height: valor-fluido(58, 1920);
		border: valor-fluido(1, 1920) solid #d2d2d2;
		border-radius: valor-fluido(20, 1920);
		margin-bottom: valor-fluido(25, 1920);
		font-size: valor-fluido(18, 1920);
		padding: 0 valor-fluido(35, 1920);
	}
	&.focus,
	&:focus{

	}
	&.disabled,
	&:disabled{
		
	}
}

.campo{

}
select{

}
textarea{
	line-height: 1.2;
	padding-top: 10px;
	@include mq-min(1920) {
		padding-top: valor-fluido(10, 1920);
	}
}
label{
	> span {

	}
}
fieldset{
	
}
legend{
	
}
input[type="checkbox"],
input[type="radio"]{
	
}

.g-recaptcha{
	margin-bottom: 25px;
	@include mq-min(1920) {
		margin-bottom: valor-fluido(25, 1920);
	}
}

.input-field{
	position: relative;
	border: 1px solid #d2d2d2;
	border-radius: 20px;
	margin-bottom: 25px;
	@include mq-min(1920) {
		border: valor-fluido(1, 1920) solid #d2d2d2;
		border-radius: valor-fluido(20, 1920);
		margin-bottom: valor-fluido(25, 1920);
	}
	> label{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		margin: 0;
		padding: 0 35px;
		font-weight: normal;
		color: $color;
		cursor: text;
		z-index: 1;

		line-height: 1.2;
		padding-top: 20px;

		transition: 0.2s;

		@include text-ellipsis;
		@include mq-min(1920) {
			padding: 0 valor-fluido(35, 1920);
			padding-top: valor-fluido(20, 1920);
		}
	}
	&.has-value > label{
		font-size: 75%;
		opacity: 0.75;

		line-height: 1.2;
		padding-top: 15px;
		color: darken($color_destaque, 10%);
		@include mq-min(1920) {
			padding-top: valor-fluido(15, 1920);
		}
	}

	> input[type="email"],
	> input[type="number"],
	> input[type="search"],
	> input[type="text"],
	> input[type="tel"],
	> input[type="url"],
	> input[type="password"],
	> textarea,
	> select{
		padding-top: 15px;
		border: none;
		margin-bottom: 0;
		@include mq-min(1920) {
			padding-top: valor-fluido(15, 1920);
		}
		&:focus ~ label{
			font-size: 75%;

			line-height: 1.2;
			padding-top: 15px;
			@include mq-min(1920) {
				padding-top: valor-fluido(15, 1920);
			}
		}
		&:disabled ~ label{
			opacity: 0.25;
		}
	}

	> select{
		padding: 15px 35px 0 30px;
		@include mq-min(1920) {
			padding: valor-fluido(15, 1920) valor-fluido(35, 1920) 0 valor-fluido(30, 1920);
		}
	}

	> textarea{
		padding-top: 0;
		margin-top: 25px;
		@include mq-min(1920) {
			margin-top: valor-fluido(25, 1920);
		}
	}
}