.social-media-group{display:flex;gap:12px;align-items:center;&.primary{.icon{background-color:var(--primary-500);color:var(--neutral-50);font-size:15px;transition:all .3s;height:30px;width:30px;border-radius:100%;display:flex;align-items:center;justify-content:center;&:hover{background-color:var(--primary-700)}}}&.secondary{.icon{background-color:var(--secondary-500);color:var(--neutral-50);font-size:15px;transition:all .3s;height:30px;width:30px;border-radius:100%;display:flex;align-items:center;justify-content:center;&:hover{background-color:var(--secondary-600)}}}&.default{.icon{background-color:transparent;color:var(--neutral-50);font-size:15px;transition:color .3s;&:hover{color:var(--secondary-400)}}}}