.contact-box {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.contact-box__item {
    gap: 5px;
}

.social-links {
    gap: 5px;
    margin-top: calc(var(--spacer) * 2);
}

@media (min-width: 992px) {
    .social-links {
        margin-top: 48px;
    }
}

.contact-icon {
    --contact-icon-color: var(--bs-border-color);
    color: var(--contact-icon-color);
}