.sodra-hero {
  min-height: 420px;
  padding: 82px 80px;
  gap: 32px;
  border-radius: 8px;
  margin-bottom: 24px;
  --bg-image: none;
  background: -webkit-gradient(linear, left top, right top, from(rgba(11, 10, 8, 0.7)), to(rgba(33, 30, 25, 0))), var(--bg-image) lightgray center top/cover no-repeat;
  background: linear-gradient(90deg, rgba(11, 10, 8, 0.7) 0%, rgba(33, 30, 25, 0) 100%), var(--bg-image) lightgray center top/cover no-repeat;
}

.sodra-hero h1 {
  margin: 0;
  color: #FFFFFF;
}

.sodra-hero--light {
  background: -webkit-gradient(linear, left top, right top, from(rgba(24, 3, 16, 0.4)), to(rgba(24, 3, 16, 0))), var(--bg-image) lightgray center top/cover no-repeat;
  background: linear-gradient(90deg, rgba(24, 3, 16, 0.4) 0%, rgba(24, 3, 16, 0) 100%), var(--bg-image) lightgray center top/cover no-repeat;
}

@media (max-width: 1024px) {
  .sodra-hero {
    padding: 24px;
    margin-bottom: 12px;
    min-height: 328px;
  }
  .sodra-hero .c-sodra-button {
    width: auto;
  }
}

@media (max-width: 767px) {
  .sodra-hero {
    min-height: 70vh;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .sodra-hero .c-sodra-button {
    width: 100%;
  }
}
/*# sourceMappingURL=sodra-hero.css.map */