.x-action-list {
  .list-group {
    margin-top:       map_get($spacers, 2);
    margin-bottom:    map_get($spacers, 2);

    &-item { 
      width:            100%;
      display:          flex;
      align-items:      center;
      padding:          map_get($spacers, 3);
      font-size:        $font-size-base;
      color:            theme-color('default');
      border:           none;

      @include hover-focus-active {
        @include custom-theme-color(primary, color);
        @include custom-theme-color(primary-transparent, background-color);
        
        text-decoration:    none;
        outline:            none;
      }

      .x-icon-container {
        margin-right:   map_get($spacers, 3);
        font-size:      map_get($icon-sizes, md);
      }
    }
  }
}