/* ==========================================================
   SOCIAL IKONOK
   ========================================================== */

/* Alap social blokk */
.social-links {
    margin: 0;
    padding: 0;
    border: 0;
}

/* Csak asztali fejlécben legyen elválasztó vonal */
@media screen and (min-width: 901px) {

    .social-links-header {
        margin-left: 24px;
        padding-left: 18px;
        border-left: 1px solid #7e7e7e;
    }

}

/* ikon gomb */

.social-links a {
    width: 30px;
    height: 30px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    position: relative;

    color: #181818;

    font-size: 16px;

    text-decoration: none;

    border-radius: 50%;

    transition:
        color .25s ease,
        background-color .25s ease,
        transform .25s ease;
}


/* finom hover */

.social-links a:hover {
    color: #ed4967;

    background:
        rgba(237, 73, 103, .08);

    transform: translateY(-2px);
}




/* mobil */
@media screen and (max-width: 700px) {

    .social-links {
        margin: 0;
        padding: 0;
        border: 0;
        gap: 8px;
    }

    .social-links a {
        width: 28px;
        height: 28px;
        font-size: 15px;
        background: transparent;
    }
}