.srv.v3 {
    --srv-v3-icn-s: 2.5rem;
    --srv-v3-icn-path-1: var(--white);
    --srv-v3-icn-path-2: var(--buttons);

    .srv-icn {
        font-size: var(--srv-v3-icn-s);
    }
   .bg img {
        object-fit: cover;
    }
    .srv-v3-curve {
        position: absolute;
        left: 0;
        width: 100%;
        height: auto;
        z-index: 1;
        pointer-events: none;
        user-select: none;

        &.top {
            top: 0;
        }
        &.bottom {
            bottom: 0;
        }
    }
    .bg-bx {
        background-color: hsl(from var(--text-color) h s l / .1);
        border: 1px solid hsl(from var(--bdr-clr) h s l / .2);
        backdrop-filter: blur(5px);
        -webkit-backdrop-filter: blur(5px);

        .btn-cnt {
            border-radius: .44rem;
        }

        .cnt-stl {
            color: hsl(from var(--text-color) h s l / .6)
        }

        .btn svg {
            > path:first-child {
                fill: var(--srv-v3-icn-path-1);
                opacity: 1;
            }

            > path:nth-child(2) {
                fill: var(--srv-v3-icn-path-2);
            }
        }
    }
}