/* Custom button styling for external/affiliate products
 * Design philosophy: Clean, minimalist, high-contrast for maximum visibility
 * Inverted hover state provides clear interaction feedback
 */
.form-add-to-cart-submit {
    display: inline-block !important;
    background: white !important;             /* White background for contrast */
    color: black !important;                  /* Black text for readability */
    border: 2px solid black !important;       /* Strong border for definition */
    padding: .5rem 1rem !important;
    text-decoration: none !important;
    font-weight: bold !important;
    text-align: center !important;
    cursor: pointer !important;
    font-family: inherit !important;
    font-size: 1rem !important;
    text-transform: uppercase !important;     /* "KØB NU" - emphasis and consistency */
    letter-spacing: 1px !important;           /* Improved readability at uppercase */
    box-shadow: none !important;              /* Flat design, no depth effects */
    animation: aopt-btn-pop 0.35s ease-out 0.5s both !important;
    border-radius: 0 !important;              /* Sharp corners match minimalist aesthetic */
    min-width: 150px !important;              /* Consistent button size across products */
    margin: .5rem .5rem .5rem 0 !important;
}

/* Hover effect: Color inversion + badge-style pop animation */
.form-add-to-cart-submit:hover {
    background: black !important;             /* Inverted: black background */
    color: white !important;                  /* Inverted: white text */
    animation: aopt-btn-hover 0.35s ease-out !important;
}

/* Badge-style pop animations (matching hero badge) */
@keyframes aopt-btn-pop {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.05); }
}

@keyframes aopt-btn-hover {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.05); }
}