/* Styling for the Airwallex Shortcode Button */
.awx-pay {
    /* Background: A vertical blue gradient */
    background: #3498db; /* Fallback color */
    background: linear-gradient(to bottom, #5cbcf6 0%, #2e8ece 100%);
    
    /* Borders and Shape */
    border: 1px solid #2579b1;
    border-radius: 5px;
    
    /* Text Styling */
    color: #ffffff !important;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
    
    /* Sizing and Spacing */
    padding: 8px 20px;
    cursor: pointer;
    display: inline-block;
    line-height: 1.2;
    text-decoration: none;
    
    /* Transition for a smooth feel */
    transition: background 0.2s ease-in-out;
}

/* Hover effect to mimic the interactive feel */
.awx-pay:hover {
    background: linear-gradient(to bottom, #42afe3 0%, #217bb3 100%);
    border-color: #1b6696;
}

/* Active/Click effect */
.awx-pay:active {
    background: #2e8ece;
    box-shadow: inset 0 2px 4px rgba(0,0,0,0.2);
}