.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);
}