/* Стиль для десктопной версии (экраны шире 768px) */
.js-store-prod-text a {
    display: inline-block;
    padding: 12px 40px; /* Padding можно оставить для более крупной кнопки */
    margin-right: 10px; /* Внешний отступ между кнопками */
    margin-top: 10px; /* Внешний отступ сверху */
    border-radius: 3px;
    font-weight: 600;
    font-size: 18px; /* Размер шрифта для десктопа */
    width: 100%; /* Кнопка будет занимать всю ширину блока на десктопе */
    background-color: #000000; /* Черный цвет кнопки */
    color: #ffffff !important; /* Белый текст */
    box-sizing: border-box; /* Чтобы padding и margin не влияли на ширину кнопки */
}

/* Стиль для мобильной версии (экраны меньше 768px) */
@media (max-width: 768px) {
    .js-store-prod-text a {
        padding: 10px 25px; /* Меньший padding для мобильных устройств */
        margin-right: 5px; /* Уменьшенные отступы для мобильных устройств */
        margin-top: 5px;
        font-size: 16px; /* Размер шрифта для мобильных устройств */
        width: 100%; /* Кнопка займёт всю ширину экрана на мобильных устройствах */
        box-sizing: border-box; /* Учитываем padding и margin при вычислении ширины */
        background-color: #000000; /* Черный цвет кнопки */
        color: #ffffff !important; /* Белый текст */
    }
}