/* Component: Infos Sites */
.infos-sites {
    display: flex;
    gap: var(--spacing-2xl);

    .infos-sites__item {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: var(--spacing-md);
    }

    .infos-sites__icon {
        color: var(--color-secondary);
        font-size: 2rem;
    }

    .infos-sites__adresse {
        margin: 0;
        color: var(--color-white);
        transition: color 0.3s ease;
        font-size: var(--fs-text);

        &:hover {
            color: var(--color-hover);
            text-decoration: underline;
        }
    }
}

@media (max-width: 768px) {
    .infos-sites {
        flex-direction: column;
        gap: var(--spacing-xl);

        .infos-sites__item {
            align-items: center;
        }
    }
}