/* Elementor Slides Two Buttons */
.elementor-widget-slides .estb-buttons {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
}

.elementor-widget-slides .estb-buttons .elementor-slide-button,
.elementor-widget-slides .estb-button-2 {
    margin: 0 !important;
}

.elementor-widget-slides .estb-button-2 {
    /* Fully independent from Elementor Pro's native .elementor-slide-button styles. */
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    cursor: pointer;
    text-decoration: none;
    white-space: normal;
    text-align: center;
    vertical-align: middle;

    /* Safe standalone defaults. All of these remain overrideable by Button 2 controls. */
    color: #ffffff;
    background-color: transparent;
    border: 1px solid currentColor;
    border-radius: 3px;
    padding: 12px 24px;

    transition-property: color, background-color, border-color, box-shadow, transform;
    transition-timing-function: ease;
    transition-duration: .25s;
}

.elementor-widget-slides .estb-button-2:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 3px;
}

/* When Elementor uses a whole-slide <a>, Button 2 is rendered as an accessible span-link to avoid nested anchors. */
.elementor-widget-slides .estb-button-2[role="link"] {
    display: inline-block;
}

@media (prefers-reduced-motion: reduce) {
    .elementor-widget-slides .estb-button-2 {
        transition: none !important;
    }
}