@charset "utf-8";

.astoundContactFormMain{
    font-family: var(--astound-p-font-family);
    font-weight: var(--astound-p-font-weight);
    font-size: var(--astound-p-font-size);
    line-height: var(--astound-p-line-height);
    text-transform: var(--astound-p-text-transform);
    transition: 0.5s all;
}
.astoundContactFormMain .fui-input{
	border: solid 1px #111111;
	border-radius:0px;
	padding:10px;
	transform:translateX(-1px);
}
.astoundContactFormMain label{
	margin-left:10px;
}
.astoundContactFormMain form{
	border-left: solid 1px #111111;
	padding-top:20px;
	margin-bottom:20px;
}
.astoundContactFormMain button{
		font-family: var(--astound-p-small-font-family);
		font-weight: var(--astound-p-small-font-weight);
		font-size: var(--astound-p-small-font-size);
		line-height: var(--astound-p-small-line-height);
		color:var(--astoundWhite);
		padding:14px;
		border-radius: 100px;
		transition:0.5s all;
		padding-left:20px;
		padding-right:40px;
		position: relative;
		border: solid 1px var(--astoundBlack);
		margin-right:12px;
		background-color:var(--astoundBlack);
	}
.astoundContactFormMain button:hover{
		background-color:var(--astoundRed);
		color:var(--astoundWhite);
		opacity:1.0;
		border: solid 1px var(--astoundRed);
		
	}
.astoundContactFormMain button::after {
	  content: '';
	  display: inline-block;
	  width: var(--astound-p-small-font-size);
	  height: var(--astound-p-small-font-size);
		position: absolute;
		top:50%;
		right:30px;
		transform: translate(10px, -8px) rotateZ(0deg);
	  background-image: url('../images/ui/buttonArrow.svg');
	  background-size: contain;
	  background-repeat: no-repeat;
	  margin-left: 5px;
		transition:0.25s all;
		
	}
	
.astoundContactFormMain button:hover::after {
		transform: translate(15px, -8px) rotateZ(180deg);
		filter: brightness(0) invert(1);
		
	}
	
.astoundContactFormMain button{
		background-color:var(--astoundBlack);
		color:var(--astoundWhite);
		border: solid 1px var(--astoundBlack);
		
	}
.astoundContactFormMain button::after {
		filter: brightness(0) invert(1);
	}
	
.astoundContactFormMain button:hover{
		background-color:var(--astoundRed);
		color:var(--astoundWhite);
		
	}
.astoundContactFormMain button:hover::after {
		filter: brightness(0) invert(1);
	}