.how-it-works-saumon {
    .main-wrapper {
        h2, .h2 {
            &::before {
                @apply text-primary transition-all transform translate-y-px duration-300;
                /* @apply absolute top-1/2 left-0; */
                content: '•';
                font-size: 3rem;
                margin-right: 0.5rem;
                line-height: 0;
                filter: blur(0);
            }

            &:hover,
            &:active,
            &:focus {
                &::before {
                    --tw-scale-x: 2;
                    --tw-scale-y: 2;
                    filter: blur(2px);
                }
            }
        }
    }
}

.dark {
    .how-it-works-saumon {
        .main-wrapper {
            h2, .h2 {
                &::before {
                    --tw-scale-x: 2;
                    --tw-scale-y: 2;
                    filter: blur(2px);
                }
            }
        }
    }
}