/**
 * ELEMENT_X_DESIGN Button Styles Override
 * Forces border-radius on Elementor buttons from Library Templates
 * 
 * WICHTIG: Elementor Library Templates ignorieren border_radius Settings!
 * Diese CSS Klassen erzwingen die Styles mit !important
 */

/* ========================================
   BORDER-RADIUS STYLES
   ======================================== */

/* Pill Buttons (50px) - Fully Rounded */
.elementx-btn-pill .elementor-button,
.elementx-btn-pill.elementor-button {
    border-radius: 50px !important;
}

/* Rounded Buttons (12px) - Medium Round */
.elementx-btn-rounded .elementor-button,
.elementx-btn-rounded.elementor-button {
    border-radius: 12px !important;
}

/* Modern Buttons (8px) - Subtle Round */
.elementx-btn-modern .elementor-button,
.elementx-btn-modern.elementor-button {
    border-radius: 8px !important;
}

/* Slight Round (6px) - Minimal */
.elementx-btn-slight .elementor-button,
.elementx-btn-slight.elementor-button {
    border-radius: 6px !important;
}

/* Square Buttons (0px) - No Radius */
.elementx-btn-square .elementor-button,
.elementx-btn-square.elementor-button {
    border-radius: 0 !important;
}

/* ========================================
   PADDING STYLES
   ======================================== */

/* Large Padding */
.elementx-btn-large .elementor-button,
.elementx-btn-large.elementor-button {
    padding: 16px 32px !important;
}

/* Medium Padding */
.elementx-btn-medium .elementor-button,
.elementx-btn-medium.elementor-button {
    padding: 14px 28px !important;
}

/* Small Padding */
.elementx-btn-small .elementor-button,
.elementx-btn-small.elementor-button {
    padding: 12px 24px !important;
}

/* ========================================
   COMBINED STYLES (Häufig verwendet)
   ======================================== */

/* Pill + Large */
.elementx-btn-pill-large .elementor-button,
.elementx-btn-pill-large.elementor-button {
    border-radius: 50px !important;
    padding: 14px 28px !important;
}

/* Modern + Large */
.elementx-btn-modern-large .elementor-button,
.elementx-btn-modern-large.elementor-button {
    border-radius: 8px !important;
    padding: 16px 32px !important;
}

/* Rounded + Large */
.elementx-btn-rounded-large .elementor-button,
.elementx-btn-rounded-large.elementor-button {
    border-radius: 12px !important;
    padding: 16px 32px !important;
}