.social-box {
        margin-top: 4rem;
        padding: 2rem;
        border-top: 1px solid var(--border-dark);
        text-align: center;
    }

.social-icons {
	display: flex;
	justify-content: center;
	gap: 2rem;
	margin-top: 1rem;
}

.social-icons a,
.social-icons a:visited {
    color: var(--brand-color);
    text-decoration: none;
}

.social-icons a svg path {
    fill: currentColor;
}

.social-icons a:hover {
    color: #ffcc00;
}

.social-icons a svg {
    width: 42px;
    height: 42px;
    opacity: 0.7;
    transition: 0.3s;
}

.social-icons a:hover svg {
    opacity: 1;
}