@layer windfce_iconlinklist;
@layer windfce_iconlinklist {
  .frame-type-windfce_iconlinklist {
    display: flex;
    flex-direction: column;
    row-gap: 1.875rem;
    .icon-linklist,
    .icon-linklist-more {
      --_gap: 0.625rem;
      display: flex;
      flex-wrap: wrap;
      gap: var(--_gap);
      width: 100%;
      padding: 0;
      list-style: none;
      .icon-linklist-item {
        width: 100%;
        @media (min-width: 768px) {
          &.columns-2 {
            flex-basis: calc(50% - (var(--_gap) / 2));
          }
          &.columns-3 {
            flex-basis: calc(33% - (var(--_gap) * 2));
          }
        }
      }
      .icon-linklist-item > a {
        display: flex;
        flex-direction: column;
        gap: var(--_gap);
        padding: 1.125rem 0.75rem;
        cursor: pointer;
        &:hover {
          background-color: var(--wind-fce-color-primary-light, #eff6ff);
        }
        .title {
          display: flex;
          align-items: center;
          min-height: 2.5rem;
          gap: calc(var(--_gap) / 2);
          .icon-linklist-title {
            font-size: 1.25rem;
            font-weight: 600;
            line-height: 1.3;
            order: 1;
            margin: 0;
          }
          .icon {
            display: grid;
            place-content: center;
            width: 2.5rem;
            min-width: 2.5rem;
            aspect-ratio: 1 / 1;
            &.prepend-arrow-1 {
              &::before {
                content: "â–º";
              }
            }
            img {
              width: 1.875rem;
              height: auto;
              max-height: 1.875rem;
              object-fit: contain;
              order: 0;
            }
          }
        }
        .text {
          p {
            font-size: 0.937rem;
            line-height: 1.75rem;
            letter-spacing: 0;
            margin: 0;
          }
        }
      }
      button.show-more {
        background: transparent;
        border: 2px solid var(--wind-fce-color-border, #94a3b8);
        cursor: pointer;
        padding: 0.625rem;
        width: fit-content;
        margin-inline: auto;
        margin-block-start: 1.25rem;
      }
    }
  }
  .d-none {
    display: none;
  }
}