.social-links a,
.social-links span {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 8px 11px;
    border: 1px solid var(--line);
    border-radius: 999px;
    font-size: 11px;
}

.social-links a {
    border-color: rgba(85, 212, 134, .3);
    color: #9be5ba;
    text-decoration: none;
    transition: border-color .2s, color .2s, transform .2s;
}

.social-links a:hover {
    border-color: rgba(85, 212, 134, .65);
    color: #fff;
    transform: translateY(-2px);
}