@charset "UTF-8";
/* COLORS */
/* TYPOGRAPHY */
/* ---- MEDIA QUERIES ----- */
/* ---- FLYTANDE AVSTÅND ----- */
.banner-alt-block {
  position: relative;
  background-color: #00307F;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.banner-alt-block .container {
  position: relative;
  z-index: 1;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 2.4rem;
  text-align: center;
}
.banner-alt-block .button-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 2.4rem;
}
.banner-alt-block .overlay {
  background-image: linear-gradient(0deg, rgba(72, 99, 165, 0.2) 0%, rgba(72, 99, 165, 0.2) 100%);
}

@media (max-width: 768px) {
  .banner-alt-block .container {
    gap: 1.6rem;
  }
  .banner-alt-block .button-wrapper {
    margin: 2.4rem 0 0;
    max-width: 45rem;
  }
  .banner-alt-block .button-wrapper .button {
    width: 100%;
  }
  .banner-alt-block .overlay {
    background-image: linear-gradient(0deg, rgba(72, 99, 165, 0.2) 0%, rgba(72, 99, 165, 0.2) 100%);
  }
}