/*
 * Homepage "Aktuelle Themen und Termine" webinar slider — "Jetzt anmelden" CTA.
 *
 * The webinar card's primary CTA uses .bordered-transparent-link.is-primary, whose
 * base rules paint the orange only via a ::before pseudo-element and take their width
 * from the .text label. Inside this swiper slide the .text span collapses to width:0,
 * so the button shrinks to a tiny orange gradient chip with no visible "Jetzt anmelden"
 * label. The homepage instance (page-id-264968) has no per-page override, unlike
 * page-id 263093 / 85338 / 7560 which already fix this.
 *
 * Fix (same pattern as webinare-en-register-button.css / jp-469-hilfecenter-webinare.css):
 * give the anchor a solid brand-orange (#fb581f) button with real padding, force the
 * .text label visible, and disable the gradient pseudo-element so the colour is the
 * site's consistent CTA orange rather than the base #FF9A26 gradient.
 */

body.home .card-mobile-webinar .swiper-slide a.bordered-transparent-link {
    font-size: 15px !important;
    line-height: 1.2 !important;
    color: #0b1b45 !important;
    background: #fb581f !important;
    border: 0 !important;
    border-radius: 100px !important;
    padding: 9px 22px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
    min-width: 130px !important;
    width: auto !important;
    height: auto !important;
    white-space: nowrap !important;
    font-weight: 600 !important;
    font-family: 'Inter', sans-serif !important;
    box-shadow: none !important;
}

body.home .card-mobile-webinar .swiper-slide a.bordered-transparent-link span.text {
    display: inline !important;
    width: auto !important;
    font-size: 15px !important;
    color: #0b1b45 !important;
}

body.home .card-mobile-webinar .swiper-slide a.bordered-transparent-link::before,
body.home .card-mobile-webinar .swiper-slide a.bordered-transparent-link::after {
    content: none !important;
    display: none !important;
}

body.home .card-mobile-webinar .swiper-slide a.bordered-transparent-link:hover,
body.home .card-mobile-webinar .swiper-slide a.bordered-transparent-link:focus,
body.home .card-mobile-webinar .swiper-slide a.bordered-transparent-link:focus-visible {
    background: #e34813 !important;
    color: #0b1b45 !important;
}

body.home .card-mobile-webinar .swiper-slide a.bordered-transparent-link:hover span.text {
    color: #0b1b45 !important;
}

/* Keep the CTA anchored to the right of the card row (mirrors the fixed pages). */
body.home .card-mobile-webinar .swiper-slide__buttons-wrapper .main-button-wrapper {
    position: relative !important;
    right: auto !important;
    bottom: auto !important;
}