.btn {
  display: inline-block;
  background: transparent;
  color: inherit;
  font: inherit;
  border: 0;
  outline: 0;
  padding: 0;
  transition: all 200ms ease-in;
  cursor: pointer;
}
.btn--primary {
  background: #0d3e6f;
  color: #fff;
  font-size: 19px;
  font-family: var(--main-font);
  font-weight: 500;
  line-height: 1.68;
  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
  -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border: 1px solid rgba(0,0,0,0.1);
  letter-spacing: -1px;
  padding: 5px 24px;
}
.btn--primary:hover {
  background: #3575AD;
}
.btn--primary:active {
  background: #3575AD;
  box-shadow: inset 0 0 10px 2px rgba(0, 0, 0, 0.2);
}
.btn--inside {
  margin-left: -6px;
}

@media (max-width: 1400px) {
  .form__field {
    border-radius: 5px;
    max-width: 68%;
  }
}

.form__field {
  width: 467px;
  background: #fff;
  color: #333333;
  font-size: 19px;
  -moz-box-shadow: inset 1px 2px 3px #ccc;
  -webkit-box-shadow: inset 1px 2px 3px #ccc;
  box-shadow: inset 1px 2px 3px #ccc;
  border: 2px solid #CCCCCC !important; 
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border: 0;
  outline: 0;
  margin-bottom: 6px;
  padding: 7px 15px;
}

@media (max-width: 994px) {
	.form__field {
    display: block;
		width: 98%;
    margin: 10px auto;
    border-radius: 5px;
    max-width: 100%;
	}
  .btn--inside {
    display: block;
    border-radius: 5px;
    margin: 0 auto 1rem;
    width: 98%;
  }
}