/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

 /* 针对 .pp-buy-now-btn 类进行样式 */
.pp-buy-now-btn {
    background: url('/wp-content/plugins/ab-checkout-lite/public/images/pp-btn-buy-now.png') no-repeat center center; /* PayPal 图像 URL */
    background-size: contain; /* 让图像填满按钮 */
    width: 200px; /* 按钮宽度，可根据需求调整 */
    height: 38px; /* 按钮高度，可根据需求调整 */
    border: none; /* 去掉默认边框 */
    cursor: pointer; /* 鼠标样式为手形 */
    text-indent: -9999px; /* 隐藏按钮文字，图像替代文字 */
    display: inline-block; /* 使其像按钮一样显示 */
}

.pp-buy-now-btn:hover {
    opacity: 0.8; /* 悬停时稍微改变透明度 */
}