/* SEOR Button specific styles */
.seor-button-wrapper {
    /* To prevent the wrapper from going 100% width and making the notch float to the right */
    width: max-content;
    display: inline-block;
    
    /* Ensure missing variables don't break animations */
    --notch-size: 6px;
    --seor-notch-size: 6px;
}

/* Secondary button text color should be WHITE as per user request and slider design. */
.seor-btn.has-base-color {
    color: #ffffff !important;
}

/* NO custom notch color overrides are needed!
   global.css dictates that the notch is ALWAYS Primary color.
   - For Secondary Button: Notch is Primary against Secondary BG.
   - For Primary Button: BG turns Secondary on hover entirely, so Notch stays Primary! 
*/