@layer components {
  /* ========================================================================
     DASHBOARD ACTIONS LIST
     ======================================================================== */

  .dashboard-actions-list {
    width: 80%;
    margin-inline: auto;
    margin-block-start: var(--space-sm);
    margin-block-end: var(--space-md);
    padding: 0;
    list-style: none;
  }

  .dashboard-actions-list__item {
    padding-block: var(--space-sm);
    border-block-end: 1px solid var(--color-border);
  }

  .dashboard-actions-list__item:last-child {
    border-block-end: none;
  }
}