/* Facebook Gomb Alap stílus */
.btn-facebook-custom {
    /* Megjelenés */
    display: inline-flex;
    /* Flexbox használata a tartalom középre igazításához */
    align-items: center;
    justify-content: flex-start;
    /* Tartalom balra igazítása (ikon-szöveg) */

    /* Méretezés és padding */
    padding: 0;
    /* A belső paddingot az ikon és a szöveg adja meg */
    min-height: 40px;
    /* Alap magasság */

    /* Szöveg */
    font-size: 15px;
    font-weight: 600;
    /* Félkövér */
    color: #000000;
    /* Fekete szöveg */
    text-decoration: none;
    /* Link aláhúzás eltávolítása */

    /* Design */
    border: 1px solid #DFDFDF;
    /* Vékony szürke keret */
    border-radius: 4px;
    /* Lekerekített sarkok */
    background-color: #FFFFFF;
    /* Fehér háttér */

    /* Átmenet */
    transition: all 0.2s ease-in-out;
}

/* Hover és Focus állapot */
.btn-facebook-custom:hover,
.btn-facebook-custom:focus {
    /* Kicsit sötétebb keret a visszajelzéshez */
    border-color: #3a84e4;
    background-color: #3a84e4;
    /* Esetleg egy enyhe árnyék */
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    color: white;
    /* Biztosítjuk, hogy a szöveg fekete maradjon */
}

/* Az ikon burkolója (a kék rész) */
.btn-facebook-custom .btn-icon-wrapper {
    /* Színek */
    background-color: #1877F2;
    /* Hivatalos Facebook kék */
    color: #FFFFFF;
    /* Fehér ikon */

    /* Méretezés és elhelyezés */
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    /* Ikon terület szélessége (megegyezik a magassággal) */
    min-height: 40px;
    padding: 0 10px;
    /* Belső padding (lehet 0, ha a width 40px) */

    /* Keret/határok */
    border-radius: 3px 0 0 3px;
    /* Csak a bal oldalon legyen lekerekítés */
    margin-right: 15px;
    /* Térköz az ikon és a szöveg között */
}

/* Az ikon stílusa */
.btn-facebook-custom .btn-icon-wrapper i {
    font-size: 1.2rem;
    /* Ikon mérete */
}

/* A szöveges rész belső paddingja (jobb oldalon) */
.btn-facebook-custom {
    padding-right: 15px;
    color: white;
    background: #1a73e8;
}
.social a:not(.btn-circle) {
    font-size: 14px !important;
}
.social a:not([class*=link-]):not(.btn-circle) .uil[class*=facebook] {
    color: white !important;
}

.image-wrapper.bg-cover {
    background-position: inherit;
}