.form-short-email {
max-width: 550px;
margin: 0 auto;
width: 100%; }
.form-short-email .form-control {
height: 50px;
border: none;
background-color: #f2f8ff;
padding-left: .75em; }
.form-short-email input[type="email"]:focus, .form-short-email input[type="email"]:active {
outline: none;
box-shadow: none; }
.form-short-email input[type="email"]::-webkit-input-placeholder {
color: #2e485c; }
.form-short-email input[type="email"]:-moz-placeholder {
color: #2e485c; }
.form-short-email input[type="email"]::-moz-placeholder {
color: #2e485c; }
.form-short-email input[type="email"]:-ms-input-placeholder {
color: #2e485c; }
.form-short-email .form-group.email {
position: relative;
width: 100%; }
@media (min-width: 768px) {
.form-short-email .form-group.email {
width: calc( 100% - (120px + 12px));
border-radius: 3px;
border: solid 1px #d6dfea;
background-color: #f2f8ff; } }
.form-short-email .btn-container {
width: 100%; }
@media (min-width: 768px) {
.form-short-email .btn-container {
width: 120px;
margin-left: 12px; } }
.form-short-email .icon {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 12px; }
.form-short-email .icon--email {
width: 14px;
height: 19px;
background: url(https://cdn.px.com/assets/images/icons/lock.svg) no-repeat; }
.form-short-email .btn {
height: 50px;
width: 100%;
min-width: 120px; }
@media (min-width: 768px) {
.form-short-email .btn {
max-width: 120px; } }