@layer components {
    pikle-compare {
        min-width: unset;
        min-height: unset;
        
        &:has(.disabled) {
            display: none;
        }

        > .pikle-toggle-compare-button {
            display: flex;
            gap: var(--size-1);
            padding: 0 !important;
            color: var(--color-button-blue);
            font-size: var(--font-size-00);
            font-weight: var(--font-weight-3);

            & .check {
                margin: 0;
            }
        }
    }
}