.grid-content-row,
.grid-content-group.row {
  margin-left: -8px;
  margin-right: -8px;
}
.grid-content-row > div,
.grid-content-group > div {
  padding: 0 var(--space-sm, 8px);
  margin-bottom: var(--space-md, 16px);
}
.grid-title {
  width: 100%;
}
.grid-content .button-wrap {
  margin-top: var(--space-lg, 24px);
  gap: var(--space-xl, 32px);
  flex-direction: column;
}
.grid-content .button-wrap > div {
  width: 100%;
}
.grid-content-top {
  padding-top: var(--space-md, 16px);
  display: flex;
  flex-direction: column;
  gap: var(--space-lg, 24px);
}
.grid-content-top + .grid-content-row {
  margin-top: var(--space-lg, 24px);
}
.grid-content:has(.modal) [data-bs-toggle="modal"] {
  cursor: pointer;
}
.grid-title .desc {
  margin-top: var(--space-md, 16px);
}
.grid-content-top .desc a {
  color: var(--color-surface-active, #E6007D);
  text-decoration: none;
}