/* Member */
.bg__members {
    background-color: var(--bg-members);
    position: relative;
    z-index: 1;
    padding: 68px 0 180px;
}

.bg__cta {
    background-color: var(--bg-cta);
    color: #FFFFFF;

    padding: 47px 50px 35px;

    position: relative;
    z-index: 2;

    margin-top: -145px;
}

/* Typography */
.row__member h2,
.row__member h3,
.bg__cta p {
    text-align: center;
}

.bg__cta h3 {
    margin-bottom: 22px !important;
}

.row__member h2 {
    font-size: 30px;
    margin-bottom: 50px !important;
}

/* Checklist */
.row__member h5 {
    position: relative;

    padding-left: 32px;

    margin-bottom: 25px !important;
}

.row__member h5::before {
    content: "";

    position: absolute;
    left: 0;
    top: 0;

    width: 25px;
    height: 25px;

    background: url("../img/icon__check.svg") center / contain no-repeat;
}

/* Button */
.button__member .vc_btn3 {
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.button__member .vc_btn3.vc_btn3-size-lg {
    font-size: 14px;

    padding-top: 18px;
    padding-right: 25px;
    padding-bottom: 18px;
    padding-left: 25px;

    margin-top: 35px;

    border: none !important;

    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;

    transition:
        box-shadow 0.25s ease,
        color 0.25s ease;
}

.button__member .vc_btn3.vc_btn3-color-grey {
    color: var(--color-text);
    background-color: var(--color-neon);
}

/* Hover Sweep */
.button__member .vc_btn3::before {
    content: "";

    position: absolute;
    inset: 0;

    background-color: var(--button-hover);

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.35s ease;

    z-index: -1;
}

.button__member .vc_btn3:hover::before {
    transform: scaleX(1);
}

/* Button Hover */
.button__member .vc_btn3.vc_btn3-color-grey:hover {
    color: var(--color-text);
    background-color: var(--color-neon);

    box-shadow:
        0 8px 20px rgba(166, 255, 90, 0.22);
}

/* Arrow */
.button__member a::after {
    content: "";

    display: inline-block;

    width: 14px;
    height: 14px;

    margin-left: 7px;

    position: relative;
    top: 2px;

    background-color: currentColor;

    -webkit-mask: url("../img/arrow__right.svg") center / contain no-repeat;
    mask: url("../img/arrow__right.svg") center / contain no-repeat;

    transition: transform 0.25s ease;
}

.button__member a:hover::after {
    transform: translateX(2px) scale(1.12);
}