.hero {
  padding: 20px 9px 24px;
  background: #D4F0FF;
  border-radius: 20px;
}
.hero__title {
  color: var(--dark-color);
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  margin: 0;
}

.hero__content {
  display: flex;
  align-items: stretch;
  gap: 5px;
  margin-top: 10px;
}
.hero__btn{
  margin-top: 10px;
  padding: 0 17px;
  min-height: 40px;
  border-radius: 6px;
  background: var(--light-color);
  box-shadow: rgba(9, 94, 144, 0.2) 0px 4px 12px 0px, rgba(0, 122, 191, 0.1) 0px 2px 3px 0px;
}
.hero__btn:hover{
  background: #A1DFFF;
}
.hero__content form{
  width: 100%;
}