.social a {
    border: 1px solid var(--black);
    border-radius: 20px;
    display: inline-block;
    width: 36px;
    height: 36px;
    margin: 0 5px;
    opacity: .5;
    transition: opacity .3s;
}

.social a img {
    width: 16px;
    height: 16px;
    padding: 10px;
}

.social a:hover {
    opacity: 1;
}