.seven-actions:has(.seven-auto:not([hidden])) {
  grid-template-columns: repeat(3, 1fr);
}

.seven-auto {
  min-height: 48px;
  border: 0;
  border-radius: 13px;
  color: #fff;
  background: linear-gradient(135deg, #135fa8, #0a8671);
  font: inherit;
  font-weight: 950;
  cursor: pointer;
}

.seven-auto:disabled {
  cursor: wait;
  opacity: .5;
}

.seven-extension-install {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 0 13px;
  border: 1px dashed #2875ad;
  border-radius: 12px;
  color: #155d91;
  background: #eff8ff;
  font-size: 13px;
  font-weight: 850;
  text-decoration: none;
}

.seven-extension-install[hidden],
.seven-auto[hidden] {
  display: none;
}

@media (max-width: 720px) {
  .seven-actions:has(.seven-auto:not([hidden])) {
    grid-template-columns: 1fr 1fr;
  }

  .seven-auto {
    grid-column: 1 / -1;
  }
}

@media (max-width: 430px) {
  .seven-actions:has(.seven-auto:not([hidden])) {
    grid-template-columns: 1fr;
  }

  .seven-auto {
    grid-column: auto;
  }
}