.baf-plugin-summary-dash-widget {
  .items-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    gap: 16px;

    .item {
      flex: 1 1 calc(33.333% - 4px);
      box-sizing: border-box;
      display: flex;
      justify-content: center;
      flex-direction: column;
      align-items: center;
      border: 1px solid lighten(#3e3e3e, 65%);
      height: 90px;
      padding: 4px;
      background: lighten(#3e3e3e, 80%);
      position: relative;
      box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
      @include round(6px);
      @include transition();
      &:hover {
        background: lighten(#3e3e3e, 72%);
        border: 1px solid lighten(#3e3e3e, 50%);

        .dashicons {
          opacity: 0.5;
        }
      }

      .dashicons {
        position: absolute;
        top: 0;
        left: 3px;
        font-size: 34px;
        opacity: 0.2;
        @include transition();
      }
      .count {
        font-size: 1.5rem;
        color: #21759b;
        margin-top: 4px;
      }
      .title {
        font-size: 0.8rem;
        color: lighten(#000000, 40%);
      }
    }
  }
}
