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

.social-links {
    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-left: 0;
        margin-top: 12px;

        gap: 8px;
    }

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

        font-size: 18px;

        background: #f7f5f4;
    }

}