/* Базовые стили (будут работать и на десктопе, и на мобильном — как основа) */
.js-store-prod-text a {
    display: inline-block;
    padding: 12px 32px;
    margin-right: 15px;
    margin-top: 20px;
    border-radius: 20px;
    font-weight: 600;
}

/* Цвет фона и текста для первой и последней ссылки */
.js-store-prod-text a:first-of-type,
.js-store-prod-text a:last-of-type {
    background-color: #B1031C;
    color: #ffffff !important;
}

/* Десктоп (например, от 960px и выше) — можно оставить как у тебя */
@media (min-width: 960px) {
    .js-store-prod-text a {
        margin-right: 15px;
        margin-top: 20px;
        /* при желании тут можно задать фиксированную ширину кнопки */
    }
}

/* Планшет и мобильный (до 960px) — меняем поведение */
@media (max-width: 959px) {
    .js-store-prod-text a {
        display: block;              /* кнопка на всю ширину строки */
        width: 100%;                 /* растягивается на всю доступную ширину */
        box-sizing: border-box;      /* чтобы padding не увеличивал ширину сверх 100% */
        margin-right: 0;             /* убираем боковой отступ */
        margin-top: 15px;            /* чуть меньший отступ сверху */
        text-align: center;          /* текст по центру кнопки */
        padding: 12px 0;             /* чуть больше вертикального пространства, горизонтальный убираем — ширина и так 100% */
    }

    /* Опционально: можно сделать все ссылки кнопками на мобильном, а не только первую/последнюю */
    .js-store-prod-text a {
        background-color: #B1031C;
        color: #ffffff !important;
    }
}