.button a, input {

color: #fff;
text-decoration: none;
padding: 10px 30px;
background: $brand-color;
border-radius: 3px;
border: 1px solid rgba(255,255,255,.5);
transition: .2s ease-in-out;

}

.button a:hover, input:hover {

border: 1px solid #fff;
background: $secondary-brand-color;
cursor: pointer;

}

.button.alt a {

background: rgba(255,255,255,0.15);
border-radius: 3px;
border: 1px solid rgba(255, 255, 255, 0.3);
padding: 16px 50px;

}

.button.alt a:hover {

background: #fff;
color: $brand-color;

}

textarea, input, button, select { font-family: inherit; font-size: inherit; }

input {

margin: 20px 0 0 0;

}

label, input, textarea {

display: block;
width: 100%;
box-sizing: border-box;

}

textarea {

resize: vertical;
height: 150px;

}

label {

margin: 20px 0 5px 0;

}

input, textarea {

padding: 10px;
font-size: 1em;

}

input, textarea {

-webkit-transition: all 0.30s ease-in-out;
-moz-transition: all 0.30s ease-in-out;
-ms-transition: all 0.30s ease-in-out;
-o-transition: all 0.30s ease-in-out;
outline: none;
border: 1px solid #DDDDDD;

}

input:focus, input:focus, input:focus, textarea:focus {

box-shadow: 0 0 5px rgba(81, 203, 238, 1);
border: 1px solid rgba(81, 203, 238, 1);

}