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

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

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

.dc-social a::before {
    color: var(--color-primary);
    transition: color var(--trans-duration) linear;
}

.dc-social a {
	&:hover,
	&:focus {
		&::before {
			scale: 1.2;
		}
	}
}
/***** end Social Media Links ********/