/* Keeps the hero actions distinct from each other and from the inventory strip. */
.sg-hero-content {
  padding-bottom: 36px;
}

.sg-hero-actions {
  gap: 18px;
}

@media (max-width: 620px) {
  .sg-hero-content {
    padding-bottom: 30px;
  }

  .sg-hero-actions {
    gap: 14px;
  }
}