есть такой код:

<style>
    /* Общие стили */
    body {
        margin: 0;
        font-family: 'Roboto', sans-serif;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        height: 100vh;
        background-color: #f4f4f9;
        text-align: center;
    }

    /* Стили для аватара */
    .avatar {
        width: 150px;
        height: 150px;
        border-radius: 50%;
        object-fit: cover;
        border: 3px solid #ffffff;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    }

    /* Стили для имени */
    .name {
        margin-top: 20px;
        font-size: 2rem;
        font-weight: 500;
        color: #333333;
    }

    /* Стили для описания */
    .description {
        margin-top: 10px;
        font-size: 1.2rem;
        color: #666666;
    }

    /* Блок ссылок на отзывы */
    .reviews {
        margin-top: 20px; /* Отступ сверху */
    }

    /* Стили для ссылок */
    .reviews a {
        display: inline-block;
        margin: 0 10px; /* Расстояние между ссылками */
        font-size: 1rem;
        color: #007BFF; /* Цвет ссылок */
        text-decoration: none; /* Убираем подчеркивание */
        transition: color 0.3s ease; /* Плавное изменение цвета */
    }

    /* Изменение цвета ссылки при наведении */
    .reviews a:hover {
        color: #0056b3;
    }

    /* Блок фото услуги (растянут на всю ширину экрана) */
    .service-photo {
        margin-top: 30px; /* Отступ сверху */
        width: 100vw; /* На всю ширину окна просмотра */
        margin-left: calc(-50vw + 50%); /* Смещение влево для растяжения */
        margin-right: calc(-50vw + 50%); /* Смещение вправо для растяжения */
        padding: 0;
    }

    /* Стили для изображения услуги */
    .service-photo img {
        width: 100%; /* Занимает всю доступную ширину контейнера */
        height: auto; /* Автоматическая высота для сохранения пропорций */
        max-width: 100%; /* Убираем ограничение по ширине */
        max-height: none; /* Убираем ограничение по высоте */
        object-fit: cover; /* Сохраняет пропорции изображения */
        border-radius: 10px; /* Слегка скругленные углы */
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Тень для эффекта объема */
        display: block; /* Убирает лишние отступы */
    }

    /* Кнопка "Позвонить" */
    .call-button {
        margin-top: 30px; /* Отступ сверху */
        display: flex; /* Используем flexbox для выравнивания значка и текста */
        align-items: center; /* Выравнивание по центру */
        justify-content: center; /* Центрирование содержимого */
        padding: 16px; /* Внутренние отступы */
        font-size: 1.2rem; /* Размер текста */
        font-weight: 500; /* Жирность текста */
        color: #ffffff; /* Цвет текста */
        background-color: #28a745; /* Цвет фона */
        border: none; /* Убираем границу */
        border-radius: 50px; /* Скругленные углы */
        cursor: pointer; /* Курсор в виде руки */
        text-decoration: none; /* Убираем подчеркивание */
        transition: all 0.3s ease; /* Плавные переходы */
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Тень */
        width: 100%; /* Кнопка на всю ширину */
        max-width: 600px; /* Максимальная ширина для больших экранов */
        margin-left: auto; /* Центрирование */
        margin-right: auto; /* Центрирование */
    }

    /* Иконка трубки телефона */
    .call-button::before {
        content: "📞"; /* Unicode символ трубки */
        margin-right: 12px; /* Отступ между значком и текстом */
        font-size: 1.5rem; /* Размер значка */
    }

    /* Анимация при наведении */
    .call-button:hover {
        background-color: #218838; /* Темнее цвет фона */
        transform: scale(1.02); /* Небольшое увеличение */
        box-shadow: 0 6px 8px rgba(0, 0, 0, 0.2); /* Усиление тени */
    }

    /* Активное состояние кнопки */
    .call-button:active {
        transform: scale(0.98); /* Небольшое уменьшение */
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Уменьшение тени */
    }

    /* Адаптация под мобильные устройства */
    @media (max-width: 768px) {
        .avatar {
            width: 120px;
            height: 120px;
        }

        .name {
            font-size: 1.5rem;
        }

        .description {
            font-size: 1rem;
        }

        .reviews a {
            font-size: 0.9rem;
        }

        .service-photo {
            width: 100vw;
            margin-left: calc(-50vw + 50%);
            margin-right: calc(-50vw + 50%);
            /* сохраним растяжение на всю ширину */
        }

        .call-button {
            font-size: 1rem; /* Уменьшаем размер текста */
            padding: 14px; /* Уменьшаем внутренние отступы */
        }
    }

    /* Адаптация под маленькие мобильные устройства */
    @media (max-width: 480px) {
        .avatar {
            width: 100px;
            height: 100px;
        }

        .name {
            font-size: 1.2rem;
        }

        .description {
            font-size: 0.9rem;
        }

        .reviews a {
            font-size: 0.8rem;
        }

        .service-photo {
            width: 100vw;
            margin-left: calc(-50vw + 50%);
            margin-right: calc(-50vw + 50%);
        }

        .call-button {
            font-size: 0.9rem; /* Уменьшаем размер текста */
            padding: 12px; /* Уменьшаем внутренние отступы */
        }
    }
</style>

<!-- Аватар -->
<img src="https://gitflic.ru/project/remont/master/blob/raw?file=%D0%AF%20%D0%BA%D0%BE%D0%BF%D0%B8%D1%8F.jpg&commit=a413f59ec2ab43e045aa514333c8e2ba2cfdc6f1" alt="Аватар" class="avatar">

<!-- Имя -->
<div class="name">Роман Юрьевич К.</div>

<!-- Описание -->
<div class="description">Ваш личный компьютерный мастер<br>в г. Мурманск и области</div>

<!-- Блок ссылок на отзывы -->
<div class="reviews">
    <!-- Ссылка на отзывы на Авито -->
    <a href="https://www.avito.ru/your_reviews" target="_blank">Мои отзывы на Авито</a>
    <!-- Ссылка на отзывы на Яндекс.Услуги -->
    <a href="https://yandex.ru/services/your_reviews" target="_blank">Мои отзывы на Яндекс.Услуги</a>
</div>

<!-- Блок фото услуги -->
<div class="service-photo">
    <!-- Фото услуги -->
    <img src="https://gitflic.ru/project/remont/master/blob/raw?file=01-sborka-kompyutera-v-murmanske.webp&commit=a6e3cac0b98df965bc23513f8db74aaae1f9fc5d" alt="Фото услуги: Сборка компьютера в Мурманске">
</div>

<!-- Кнопка "Позвонить" -->
<a href="tel:+79991234567" class="call-button">Позвонить</a>

приведи его полностью со следующими изменениями:

везде шрифт roboto, для заголовков размер шрифта 24, для всего остального текста размер 16. ссылки на мои отзывы сделай в две строки. кнопку сделай черного цвета. значок телефона белым, текст тоже белым. размер шрифта на кнопке 16