/* ============================================================
   BNI HOME FACEBOOK CARD V1
   ============================================================ */

.home-card-facebook{
    position:relative;

    border-top:
        3px solid
        var(--bni-red);
}


.home-facebook-icon{
    font-size:24px;
    line-height:1;

    font-family:
        Arial,
        sans-serif;

    font-weight:900;
}


.home-card-facebook .home-card-description{
    margin-bottom:18px;
}


.home-facebook-cta{
    width:max-content;
    max-width:100%;

    display:inline-flex;

    align-items:center;
    justify-content:center;

    gap:7px;

    margin-top:auto;

    padding:
        9px
        13px;

    background:
        var(--bni-red);

    color:#ffffff;

    border:
        1px solid
        var(--bni-red);

    border-radius:4px;

    box-shadow:
        0 7px 16px
        rgba(92,0,18,.15);

    font-size:10.5px;
    line-height:1.2;

    font-weight:800;

    text-decoration:none;

    transition:
        background .16s ease,
        border-color .16s ease,
        transform .16s ease,
        box-shadow .16s ease;
}


.home-facebook-cta svg{
    width:15px;
    height:15px;

    fill:none;
    stroke:currentColor;

    stroke-width:2;

    stroke-linecap:round;
    stroke-linejoin:round;

    transition:
        transform .16s ease;
}


.home-facebook-cta:hover,
.home-facebook-cta:focus-visible{
    background:
        var(--bni-red-dark);

    color:#ffffff;

    border-color:
        var(--bni-red-dark);

    transform:
        translateY(-1px);

    box-shadow:
        0 9px 18px
        rgba(92,0,18,.21);
}


.home-facebook-cta:hover svg{
    transform:
        translateX(3px);
}


@media(max-width:520px){

    .home-facebook-cta{
        width:100%;
    }

}