.HomeStaticBanner {
  margin: 0 0 var(--spaceXl);
  background: #f1f1f1;
}

aside .HomeStaticBanner {
  margin: 0;
}

aside .HomeStaticBanner-frame {
  padding: 0;
}

.HomeStaticBanner-banner {
  position: relative;
  color: inherit;
  overflow: hidden;
  display: block;
}

.HomeStaticBanner-banner:hover, .HomeStaticBanner-banner:active, .HomeStaticBanner-banner:focus {
  color: inherit;
  text-decoration: none;
}

.HomeStaticBanner-content {
  position: absolute;
  left: 35%;
  width: 48%;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
  font-weight: 700;
  font-size: 1.2em;
}

@media (max-width: 1380px) {
  .HomeStaticBanner-content {
    font-size: 1.7vw;
  }
}

@media (max-width: 32rem) {
  .HomeStaticBanner-content {
    font-size: 2.2vw;
  }
}

aside .HomeStaticBanner-content {
  font-size: .95em;
}

@media (max-width: 1380px) {
  aside .HomeStaticBanner-content {
    font-size: 1.15vw;
  }
}

@media (max-width: 48rem) {
  aside .HomeStaticBanner-content {
    font-size: 1.7vw;
  }
}

@media (max-width: 32rem) {
  aside .HomeStaticBanner-content {
    font-size: 2.2vw;
  }
}

.HomeStaticBanner-title {
  color: var(--colorBrand);
  font-size: 1.45em;
  font-weight: 800;
  line-height: 1.3;
  margin: 0 0 .4em;
}

.HomeStaticBanner-btn {
  background: var(--colorBrand);
  color: #fff;
  box-shadow: inset 0 -4px 0 hsl(var(--colorBrand-h), calc(var(--colorBrand-s) * 1%), calc(var(--colorBrand-l) * 0.8 * 1%));
  transition: var(--animationBase);
  display: table;
  margin: .8em auto 0;
  padding: .7em 1.2em;
  border-radius: 9px;
}

.HomeStaticBanner-btn:hover, .HomeStaticBanner-btn:active, .HomeStaticBanner-btn:focus {
  background: hsl(var(--colorBrand-h), calc(var(--colorBrand-s) * 1%), calc(var(--colorBrand-l) * 0.8 * 1%));
}

@media (max-width: 32rem) {
  .HomeStaticBanner-btn {
    display: none;
  }
}

/*# sourceMappingURL=home-static-banner.min.css.map */