@layer addon {

    .templateFilter.filterOrganization {
        .block {
            border-radius: 0;
            gap: var(--gutter);
            align-items: center;
            background-color: transparent;
            .media {
                min-width: 128px;
                min-height: 128px;
                max-width: 128px;
                max-height: 128px;

                display: flex;
                align-items: center;
                justify-content: center;
                padding: calc(var(--gutter) / 2);
                background-color: var(--color-light);
                border-radius: var(--large-border-radius) var(--large-border-radius) 0 var(--large-border-radius);
            }
            .inner {
                padding: 0;
                gap: calc(var(--gutter) * 0.75);
                .header {
                    gap: calc(var(--gutter) * 0.75);
                }
                .tags {
                    color: var(--color1);
                    .tag {
                        padding: 0;
                    }
                    path {
                        fill: var(--color1);
                    }
                }
                .title {
                    font-size: var(--s-fontsize);
                }
                .button {
                    @media (max-width: 56em) {
                        width: fit-content;
                    }
                    @media (--max-fablet) {
                        width: fit-content;
                    }
                    &:hover {
                        @media (hover: hover) {
                            .icon {
                                width: auto;
                                opacity: 1;
                                margin-left: calc(var(--gutter) / 2);
                            }
                        }
                    }
                }
            }
        }
        svg {
            path {
                transition: var(--transition);
                &.active {
                    fill: var(--color2);
                }
            }
            #bedrijven > g,
            #laboratorium > g,
            #partners > g {
                transform-box: fill-box;
                transform-origin: center;
                scale: 0.6;
                opacity: 0;
                transition: var(--transition);
                &.active {
                    opacity: 1;
                    scale: 1;
                }
            }
        }
    }
}