/* Общие стили для обеих кнопок */
.js-store-prod-text a {
    display: inline-block;
    padding: 10px 15px;
    margin-right: 15px;
    margin-top: 20px;
    border-radius: 3px;
    font-weight: 600;
    min-width: 150px; /* Минимальная ширина */
    text-align: center; /* Центрирование текста */
    box-sizing: border-box; /* Учитываем padding и border в ширине */
    transition: all 0.3s ease; /* Плавный переход для любых изменений */
}

/* Первая кнопка (розовая) */
.js-store-prod-text a:first-of-type {
    background-color: #FF69B4; /* Розовый фон */
    color: #ffffff !important; /* Белый текст */
    border: 1px solid #FF69B4; /* Розовая обводка */
    font-size: 14px; /* Размер шрифта */
    font-weight: 600; /* Жирный текст */
}

/* Эффект при наведении на розовую кнопку */
.js-store-prod-text a:first-of-type:hover {
    background-color: #FF1493; /* Более тёмный розовый цвет при наведении */
    border-color: #FF1493;
}

/* Вторая кнопка (синяя) */
.js-store-prod-text a:last-of-type {
    background-color: #007ACC; /* Синий фон */
    color: #ffffff !important; /* Белый текст */
    border: 1px solid #007ACC; /* Синяя обводка */
    font-size: 14px; /* Размер шрифта */
    font-weight: 600; /* Жирный текст */
}

/* Эффект при наведении на синюю кнопку */
.js-store-prod-text a:last-of-type:hover {
    background-color: #005FA3; /* Более тёмный синий цвет при наведении */
    border-color: #005FA3;
}