.elementor-39893 .elementor-element.elementor-element-20f4962b{--display:flex;--proradio-section-particles:disabled;--min-height:245px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:8px 8px;--row-gap:8px;--column-gap:8px;--proradio-section-parallax:no;--proradio-section-parallax-speed:60;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:22px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-39893 .elementor-element.elementor-element-20f4962b:not(.elementor-motion-effects-element-type-background), .elementor-39893 .elementor-element.elementor-element-20f4962b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://note.radio/wp-content/uploads/2026/09/grafika_telefon_dlon.png");background-position:center right;background-repeat:no-repeat;background-size:cover;}.elementor-39893 .elementor-element.elementor-element-20f4962b:hover::before, .elementor-39893 .elementor-element.elementor-element-20f4962b:hover > .elementor-background-video-container::before, .elementor-39893 .elementor-element.elementor-element-20f4962b:hover > .e-con-inner > .elementor-background-video-container::before, .elementor-39893 .elementor-element.elementor-element-20f4962b > .elementor-background-slideshow:hover::before, .elementor-39893 .elementor-element.elementor-element-20f4962b > .e-con-inner > .elementor-background-slideshow:hover::before{background-color:#FFFFFF17;--background-overlay:'';}.elementor-39893 .elementor-element.elementor-element-20f4962b:hover{--overlay-opacity:0.5;}.elementor-39893 .elementor-element.elementor-element-4db8a6e1{--display:flex;--proradio-section-particles:disabled;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--proradio-section-parallax:no;--proradio-section-parallax-speed:60;}.elementor-39893 .elementor-element.elementor-element-2539e1e3 .elementor-button-content-wrapper{flex-direction:row-reverse;}@media(min-width:768px){.elementor-39893 .elementor-element.elementor-element-20f4962b{--width:100%;}.elementor-39893 .elementor-element.elementor-element-4db8a6e1{--width:100%;}}/* Start custom CSS for button, class: .elementor-element-2539e1e3 *//* ==========================================================
   NOTE.radio V2 — LISTEN / APP PROMO CARD
   ========================================================== */

.ntr-v2-listen-card {
    position: relative;
    isolation: isolate;

    width: 100%;
    min-width: 0;
    min-height: 245px;

    padding: 22px 20px;

    justify-content: center;
    align-items: flex-start;

    background-position: center right !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;

    border: 1px solid var(--ntr-border);
    border-radius: 14px;

    overflow: hidden;

    box-sizing: border-box;
}


/* delikatne zabezpieczenie czytelności lewej części */

.ntr-v2-listen-card::before {
    content: "";
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            90deg,
            rgba(4, 28, 77, .38) 0%,
            rgba(4, 28, 77, .16) 42%,
            rgba(4, 28, 77, 0) 68%
        );

    pointer-events: none;
    z-index: 0;
}


/* ==========================================================
   CONTENT
   ========================================================== */

.ntr-v2-listen-card__content {
    position: relative;
    z-index: 2;

    width: 54%;
    max-width: 54%;
    min-width: 0;

    align-items: flex-start !important;
}


/* ==========================================================
   TITLE
   ========================================================== */

.ntr-v2-listen-card__title .elementor-heading-title {
    margin: 0;

    font-family: "Outfit", sans-serif;
    font-size: 25px;
    font-weight: 800;
    line-height: .98;

    color: #fff !important;
}


/* ==========================================================
   TEXT
   ========================================================== */

.ntr-v2-listen-card__text,
.ntr-v2-listen-card__text p {
    margin: 0;

    font-family: "Outfit", sans-serif;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.35;

    color: rgba(255,255,255,.92) !important;
}


/* ==========================================================
   BUTTON
   ========================================================== */

.ntr-v2-listen-card__button .elementor-button {
    min-height: 36px;

    padding: 9px 14px;

    background: var(--ntr-accent);
    color: #fff !important;

    border: 0;
    border-radius: 8px;

    font-family: "Outfit", sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;

    box-shadow: none;

    transition:
        transform .18s ease,
        filter .18s ease;
}

.ntr-v2-listen-card__button .elementor-button:hover {
    transform: translateY(-1px);
    filter: brightness(1.08);
}


/* ==========================================================
   TABLET
   ========================================================== */

@media (max-width: 1024px) {

    .ntr-v2-listen-card {
        min-height: 250px;
        padding: 22px;
    }

    .ntr-v2-listen-card__content {
        width: 52%;
        max-width: 52%;
    }

    .ntr-v2-listen-card__title .elementor-heading-title {
        font-size: 27px;
    }

}


/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width: 767px) {

    .ntr-v2-listen-card {
        min-height: 230px;
        padding: 20px;

        background-position: 58% center !important;
    }

    .ntr-v2-listen-card__content {
        width: 56%;
        max-width: 56%;
    }

    .ntr-v2-listen-card__title .elementor-heading-title {
        font-size: 23px;
    }

    .ntr-v2-listen-card__text,
    .ntr-v2-listen-card__text p {
        font-size: 12px;
    }

}/* End custom CSS */