.sba-card {
  display: flex;
  flex-direction: column;
  padding: 2rem;
  box-sizing: border-box;

  background: var(--theme-surface);
  color: var(--theme-text-color-medium);
  border: 1px solid var(--theme-border-color);
}

.sba-card__title {
  margin-block-start: 0;
  margin-block-end: 1.5rem;
  color: var(--theme-text-color-loud);
}

.sba-card__text {
  margin-block-start: 0;
  margin-block-end: 1.5rem;
  max-width: 21ch;
  color: var(--theme-text-color-medium);
}

.sba-card__actions {
  margin-block-start: auto;
}

.sba-card__actions .wp-block-button {
  margin: 0;
}

.sba-card__actions .wp-block-button__link {
  background: var(--theme-button-background-color);
  color: var(--theme-button-text-color);
  border-color: var(--theme-button-border-color);
  text-decoration: none;
}

.sba-card__actions .wp-block-button__link:hover,
.sba-card__actions .wp-block-button__link:focus-visible {
  background: var(--theme-button-background-color-hover);
  color: var(--theme-button-text-color-hover);
  border-color: var(--theme-button-border-color-hover);
}

.sba-card__actions .wp-block-button__link:active {
  background: var(--theme-button-background-color-active);
  color: var(--theme-button-text-color-active);
  border-color: var(--theme-button-border-color-active);
}

.sba-card__actions .wp-block-button__link:focus-visible {
  outline: 2px solid var(--theme-focus-ring-color);
  outline-offset: 2px;
}