.action-card {
  display: flex;
  flex-direction: row;
  background-color: var(--color-bg-tertiary);
  padding: 24px;
  border-radius: var(--border-radius-lg);
  gap: 64px;

  .action-card-main {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 8px;

    .action-card-title {
      font-size: var(--font-size-md);
      font-weight: var(--weight-semi-bold);
      color: var(--color-text-primary);
    }

    .action-card-description {
      font-size: var(--font-size-md);
      font-weight: var(--weight-light);
      font-style: italic;
      color: var(--color-text-primary);
      line-height: var(--line-height-text-md);
    }
  }

  .action-card-action {
    padding: 0 32px;
  }
}