.jm-postcode-widget{
  max-width: 560px;
}

.jm-postcode-form{
  display:flex;
  align-items:stretch;
  width:100%;
  max-width:560px;
  margin:0;
  gap:0;
  background:transparent !important;
  padding:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}

.jm-postcode-input{
  flex:1 1 auto;
  height:58px;
  min-height:58px;
  padding:0 18px !important;
  border:0 !important;
  border-radius:4px 0 0 4px !important;
  background:#f0f0f0 !important;
  color:#444 !important;
  font-size:16px !important;
  line-height:58px !important;
  box-sizing:border-box;
  margin:0 !important;
  box-shadow:none !important;
  outline:none;
}

.jm-postcode-input::placeholder{
  color:#777;
  opacity:1;
}

.jm-postcode-button{
  height:58px;
  min-height:58px;
  padding:0 28px !important;
  border:0 !important;
  border-radius:0 4px 4px 0 !important;
  background:#d91b78 !important;
  color:#fff !important;
  font-size:16px !important;
  font-weight:700 !important;
  line-height:58px !important;
  white-space:nowrap;
  cursor:pointer;
  margin:0 !important;
  box-shadow:none !important;
}

.jm-postcode-button:hover,
.jm-postcode-button:focus{
  background:#c1176c !important;
  color:#fff !important;
}

.jm-postcode-message{
  margin-top:10px;
  font-size:14px;
  color:#fff;
}

@media (max-width: 640px){
  .jm-postcode-form{
    flex-direction:column;
  }

  .jm-postcode-input{
    border-radius:4px 4px 0 0 !important;
  }

  .jm-postcode-button{
    border-radius:0 0 4px 4px !important;
    width:100%;
  }
}