.store-buttons {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 6px;
  max-width: 100%;
}

.store-buttons .button {
  flex: 1 1 0 !important;
  min-width: 0 !important;
  min-height: 42px !important;
  gap: 6px;
  padding-inline: 12px !important;
  font-size: 11px !important;
  white-space: nowrap;
}

.store-buttons .button svg {
  flex: none;
  height: 15px;
  width: 15px;
}

.store-buttons--compact .button,
.site-header .store-buttons .button {
  min-height: 38px !important;
  padding-inline: 9px !important;
  font-size: 10px !important;
  gap: 5px;
}

.hero__actions .store-buttons {
  width: 100% !important;
}

.hero__actions .store-buttons .button {
  width: auto !important;
}

@media (max-width: 560px) {
  .store-buttons:not(.store-buttons--compact) {
    width: 100%;
  }
}

.store-buttons {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center;
  gap: 6px;
  max-width: 100%;
}
.store-buttons .button {
  flex: 1 1 0 !important;
  min-width: 0 !important;
  min-height: 42px !important;
  gap: 6px;
  padding-inline: 12px !important;
  font-size: 11px !important;
  white-space: nowrap;
}
.store-buttons .button svg {
  flex: none;
  height: 15px;
  width: 15px;
}
.store-buttons .button--outline svg,
.store-buttons .button--outline svg path {
  fill: currentColor !important;
}
.store-buttons .button--outline:hover svg {
  transform: none !important;
}
.store-buttons--compact .button,
.site-header .store-buttons .button {
  min-height: 38px !important;
  padding-inline: 9px !important;
  font-size: 10px !important;
  gap: 5px;
}
.observation-hero__actions .store-buttons,
.act-chapter__close .store-buttons,
.act-plan .store-buttons {
  width: auto;
  max-width: 100%;
}
@media (max-width: 560px) {
  .store-buttons:not(.store-buttons--compact) {
    width: 100%;
  }
}