.price_button_shortcode {
        width: 100%;
        padding: 12px 20px;
        /* Nền nhẹ, hòa với background tổng thể */
        background: linear-gradient(
            135deg,
            var(--os-bg),
            #e9ecdf
        );
        border-radius: 30px;
        font-size: 18px;
        text-align: center;
        margin: 10px auto;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.06);
        transition: background-color 0.3s, transform 0.3s ease;
    }

    .price_button_shortcode:hover {
        background: #e2e6d8;
        transform: scale(1.03);
    }

    .price_btnLink {
        display: inline-block;
        color: #ffffff;
        text-decoration: none;
        font-weight: 600;
        padding: 10px 20px;
        border-radius: 25px;
        background: var(--os-olive); /* Nút olive – secondary */
        transition: background-color 0.3s ease;
    }

    .price_btnLink:hover {
        background: var(--os-sale-orange); /* Hover nối với nút chính */
    }
/* Văn bản trong nút bấm */
span.price_btn_txt {
    font-size: 18px;
    color: #ffffff;
}

/* Mobile-first (Mobile optimization) */
@media only screen and (max-width: 600px) {
    .price_button_shortcode {
        padding: 8px 0;
        font-size: 18px;
        line-height: 1.4;
    }

    .price_btnLink {
        padding: 12px 20px;
        font-size: 16px;
    }

    span.price_btn_txt {
        font-size: 16px;
    }
}

/* Desktop View (for larger screens) */
@media only screen and (min-width: 601px) {
    .price_button_shortcode {
        padding: 10px 0;
        font-size: 20px;
    }

    .price_btnLink {
        padding: 14px 22px;
        font-size: 18px;
    }

    span.price_btn_txt {
        font-size: 20px;
    }
}
 