/***** Social Media Links ************/
.dc-social {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
    --_dimension: 1.8125rem;
}

.dc-social a {
    position: relative;
    display: grid;
    align-content: center;
    width: var(--_dimension);
    height: var(--_dimension);
    font-size: 1.5rem;
    line-height: var(--_dimension) !important;
    text-align: center;
    transition: all 0.1s linear;
}

.dc-social a:hover {
    text-decoration: none;
}

.dc-social a::before {
    color: hsl(0, 0%, 100%);
    transition: color var(--trans-duration) linear;
}

.dc-social a:hover::before {
    color: var(--clr-gold);
}
/***** end Social Media Links ********/