.si-hero {
  position: relative;
  width: 100%;
}

.si-hero__img {
  display: block;
  width: 100%;
  height: auto;
}

.si-hero__btn {
  position: absolute;
  left: 6%;
  top: 70%;
  padding: 6px 12px;
  background: #323232;
  color: #ffffff;
  font-weight: 500;
  font-size: 14px;
  text-decoration: none;
  border-radius: 99px;
  transition: 0.2s ease;
}

.si-hero__btn:hover {
  background: #111;
  color: #fff;
}

@media (max-width: 768px) {
  .si-hero__btn {
    left: 6%;
    top: 70%;
    padding: 4px 12px;
    font-size: 12px;
  }
}