/* Base styles for both buttons */
.js-store-prod-text a,
.t-store__prod-popup__btn {
    display: inline-block;
    padding: 10px 15px;
    margin-top: 10px;
    text-align: center;
    border-radius: 10px;
    font-family: Montserrat, sans-serif;
    font-weight: 500;
    box-sizing: border-box; /* Ensure padding is included in width */
    width: auto; /* Reset width to auto for desktop */
}

/* Styles for the "Написать WhatsApp" button */
.t-store__prod-popup__btn {
    background-color: #192f35;
    color: #ffffff;
    border: 1px solid #192f35;
}

/* Styles for the "Оставить заявку" button */
.js-store-prod-text a {
    background-color: transparent; /* Transparent background */
    color: #192f35 !important; /* Text color changed to #192f35 */
    border: 1px solid #192f35; /* Border */
    font-weight: 500; /* Slightly bolder text */
}

/* Mobile specific styling */
@media only screen and (max-width: 768px) {
    .t-store__prod-popup__btn,
    .js-store-prod-text a {
        width: 100%; /* Full width for both buttons on mobile */
        height: 55px; /* Set height to 55px */
        margin-right: 0; /* Remove side margins */
        padding: 0; /* Remove padding for height consistency */
        display: flex;
        align-items: center; /* Vertically center the text */
        justify-content: center; /* Horizontally center the text */
        box-sizing: border-box; /* Ensures border doesn't add extra width */
    }

    /* Ensuring "Оставить заявку" button is placed at the bottom */
    .js-store-prod-text {
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        align-items: stretch;
    }
}

/* Mobile-specific styling for the WhatsApp button */
@media only screen and (max-width: 768px) {
    .t-store__prod-popup__btn {
        --animate-duration: 1s;
        --animate-delay: 1s;
        --animate-repeat: 1;
        -webkit-font-smoothing: antialiased;
        outline: none !important;
        margin: 0;
        vertical-align: middle;
        background-image: none;
        cursor: pointer;
        -webkit-appearance: none;
        user-select: none;
        font-size: 14px;
        white-space: normal;
        height: 55px; /* Mobile height set to 50px */
        margin-bottom: 0;
        display: inline-block;
        padding: 10px 15px;
        margin-top: 10px;
        text-align: center;
        box-sizing: border-box;
        width: 100%; /* Full width on mobile */
        margin-right: 0px; /* Remove right margin */
        text-decoration: none;
        color: #ffffff; /* Text color */
        border: 1px solid #192f35; /* Border color */
        background-color: #192f35; /* Background color */
        -webkit-border-radius: 10px; /* Border radius for smooth edges */
        border-radius: 10px; /* Cross-browser support for border radius */
        font-family: Montserrat, sans-serif; /* Font family */
        font-weight: 500; /* Font weight */
    }
}








.t-store__prod-popup__btn-wrapper {
    margin-top: 20px;
    margin-bottom: 6px;
}

.t-store__prod-popup__text {
    margin-top: 10px;
}