﻿.rs-social-menu .social-wrapper {
    padding: 0;
    margin: 0;
    display: flex;
    gap: 15px
}

    .rs-social-menu .social-wrapper a {
        display: flex;
        gap: 8px;
        flex-wrap: wrap;
        align-items: center;
        border-color: var(--borderColor)
    }

        .rs-social-menu .social-wrapper a .text-wrapper {
            color: var(--titleColor);
            border-color: var(--borderColor);
            transition: var(--transition);
            display: inline-block
        }

        .rs-social-menu .social-wrapper a .icon-wrapper {
            width: 40px;
            height: 40px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            border: 1px solid var(--borderColor);
            transition: var(--transition)
        }

            .rs-social-menu .social-wrapper a .icon-wrapper i {
                transition: var(--transition);
                color: var(--titleColor);
                font-size: 16px;
                flex-shrink: 0
            }

            .rs-social-menu .social-wrapper a .icon-wrapper svg {
                width: 16px;
                height: 16px;
                flex-shrink: 0
            }

                .rs-social-menu .social-wrapper a .icon-wrapper svg path {
                    transition: var(--transition);
                    fill: var(--titleColor)
                }

        .rs-social-menu .social-wrapper a:hover {
            color: var(--primaryColor)
        }

            .rs-social-menu .social-wrapper a:hover .text-wrapper {
                color: var(--primaryColor)
            }

            .rs-social-menu .social-wrapper a:hover .icon-wrapper {
                background: var(--primaryColor);
                border-color: var(--primaryColor)
            }

                .rs-social-menu .social-wrapper a:hover .icon-wrapper i {
                    color: var(--titleColor)
                }

                .rs-social-menu .social-wrapper a:hover .icon-wrapper svg path {
                    fill: var(--titleColor)
                }
