/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: May 07 2025 | 23:51:45 */
.price-alert-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px; /* Gap between icon and text for general use */
    padding: 14px 28px; 
    background-color: var(--pa-white);
    color: var(--pa-primary);
    border: 2px solid var(--pa-primary);
    border-radius: var(--border-radius); 
    font-weight: 600; 
    font-size: 1.15rem; 
    transition: all 0.3s ease;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    line-height: normal; 
    box-sizing: border-box;
}
.price-alert-btn:hover {
    background-color: var(--pa-primary-pale);
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(46, 96, 92, 0.15);
}
.price-alert-btn:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(46, 96, 92, 0.1);
}
.price-alert-btn .icon {
    font-size: 1.1em; 
}

/* V20.1: Icon-only Price Alert Button (specific for the one next to CTA) */
.price-alert-btn.price-alert-btn-icon-only {
    flex-grow: 0; /* Don't grow like the main CTA */
    flex-basis: auto; /* Natural width */
    padding: 0; /* Reset padding */
    width: 48px; /* Fixed width for a square-ish button, adjust as needed */
    height: 48px; /* Fixed height, should match CTA button's effective height */
    gap: 0; /* No gap as there's no text */
    justify-content: center; /* Center the icon */
    align-items: center; /* Center the icon */
}
.price-alert-btn.price-alert-btn-icon-only .icon {
    margin-right: 0; /* No margin if icon is alone */
    font-size: 1.2em; /* Slightly larger icon as it's standalone */
    display: inline-flex; /* Helps with alignment */
    align-items: center;
    justify-content: center;
}