/* =========================================================
   BNI REGION PRT — YOUTUBE FINAL ALL-IN-ONE V7TER
   Da usare insieme al SOLO CSS principale:
   bni-youtube-region-prt-v6-finish-icons-svg.min.css

   DISATTIVARE tutti gli override precedenti:
   - youtube-hero-native-override-v1.css
   - youtube-hero-wide-v1.css
   - youtube-hero-wide-v2-safe.css
   - youtube-hero-16x9-v3-clean.css
   - youtube-v4-fullwidth-compact.css
   - youtube-v4bis-hero-clamp.css
   - youtube-v4ter-hero-overflow-fix.css
   - youtube-hero-v5-reset-safe.css
   - bni-youtube-v6-all-in-one.css
   - bni-youtube-v6bis-mobile-overlay-fix.css
   - bni-youtube-v6ter-mobile-subscribe-compact.css
   ========================================================= */


/* =========================================================
   1. HERO NATIVA CMS OFF
   ========================================================= */

body:has(.bni-yt29) .widgetPageHeader{
  display:none !important;
  height:0 !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  overflow:hidden !important;
}


/* =========================================================
   2. LIBERA SOLO IL PRIMO WIDGET CMS
   ========================================================= */

body:has(.bni-yt29) .widgetPageHeader + style + .widgetTextColumns,
body:has(.bni-yt29) .widgetPageHeader + style + .widgetTextColumns > .holder,
body:has(.bni-yt29) .widgetPageHeader + style + .widgetTextColumns > .holder > .wysiwyg{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
  overflow:visible !important;
}

body:has(.bni-yt29) .widgetPageHeader + style + .widgetTextColumns > .holder > .wysiwyg{
  float:none !important;
}

body:has(.bni-yt29) .bni-yt29{
  position:relative !important;
  overflow:visible !important;
}


/* =========================================================
   3. HERO DESKTOP
   ========================================================= */

@media (min-width:768px){

  body:has(.bni-yt29) .bni-yt29-hero{
    position:relative !important;

    width:100vw !important;
    max-width:none !important;

    left:50% !important;
    margin-left:-50vw !important;
    margin-right:0 !important;

    display:grid !important;
    grid-template-columns:minmax(0,42%) minmax(0,58%) !important;

    height:clamp(500px,34vw,620px) !important;
    min-height:500px !important;

    padding:0 !important;
    overflow:hidden !important;
    box-sizing:border-box !important;
    background:#fff !important;
  }

  body:has(.bni-yt29) .bni-yt29-copy{
    position:relative !important;
    z-index:3 !important;

    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;

    min-width:0 !important;
    width:auto !important;
    height:100% !important;

    margin:0 !important;
    padding:
      clamp(30px,2.6vw,46px)
      clamp(34px,3.2vw,58px)
      clamp(30px,2.6vw,46px)
      max(54px,calc((100vw - 1500px)/2 + 54px)) !important;

    box-sizing:border-box !important;
    background:#fff !important;
    overflow:hidden !important;
  }

  body:has(.bni-yt29) .bni-yt29-brand{
    margin:0 0 20px 0 !important;
  }

  body:has(.bni-yt29) .bni-yt29-brand img{
    max-width:92px !important;
    height:auto !important;
  }

  body:has(.bni-yt29) .bni-yt29-brand span{
    font-size:11px !important;
  }

  body:has(.bni-yt29) .bni-yt29-kicker{
    margin:0 0 17px 0 !important;
    font-size:12px !important;
    letter-spacing:1.9px !important;
  }

  body:has(.bni-yt29) .bni-yt29-copy h1{
    max-width:650px !important;
    margin:0 !important;
    font-size:clamp(40px,3.25vw,58px) !important;
    line-height:1 !important;
    letter-spacing:-1.15px !important;
  }

  body:has(.bni-yt29) .bni-yt29-rule{
    margin:17px 0 19px 0 !important;
  }

  body:has(.bni-yt29) .bni-yt29-copy > p{
    max-width:670px !important;
    margin:0 0 22px 0 !important;
    font-size:14px !important;
    line-height:1.52 !important;
  }

  body:has(.bni-yt29) .bni-yt29-actions{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:12px !important;
    margin:0 !important;
  }

  body:has(.bni-yt29) .bni-yt29-btn{
    padding:11px 17px !important;
    font-size:11px !important;
  }

  body:has(.bni-yt29) .bni-yt29-media{
    position:relative !important;
    z-index:1 !important;

    min-width:0 !important;
    width:auto !important;
    height:100% !important;

    margin:0 !important;
    padding:0 !important;

    overflow:hidden !important;
    box-sizing:border-box !important;
    background:#13090b !important;
  }

  body:has(.bni-yt29) .bni-yt29-photo{
    position:absolute !important;
    inset:0 !important;

    width:100% !important;
    max-width:none !important;
    height:100% !important;

    margin:0 !important;

    object-fit:cover !important;
    object-position:center 48% !important;
    display:block !important;
  }

  body:has(.bni-yt29) .bni-yt29-media::before{
    content:"" !important;
    position:absolute !important;
    z-index:2 !important;
    top:0 !important;
    bottom:0 !important;
    left:0 !important;
    width:15% !important;
    pointer-events:none !important;

    background:linear-gradient(
      90deg,
      #fff 0%,
      rgba(255,255,255,.92) 28%,
      rgba(255,255,255,.45) 64%,
      rgba(255,255,255,0) 100%
    ) !important;
  }

  body:has(.bni-yt29) .bni-yt29-youtube{
    position:absolute !important;
    z-index:4 !important;
    top:22px !important;
    left:50% !important;
    transform:translateX(-50%) !important;
    margin:0 !important;
  }

  /* CTA DESKTOP */
  body:has(.bni-yt29) .bni-yt29-subscribe{
    position:absolute !important;
    z-index:5 !important;
    right:max(34px,calc((100vw - 1500px)/2 + 34px)) !important;
    bottom:28px !important;
    left:auto !important;

    width:min(420px,48%) !important;
    max-width:420px !important;

    margin:0 !important;
    padding:14px 16px !important;

    display:flex !important;
    align-items:center !important;
    gap:12px !important;

    box-sizing:border-box !important;
    background:rgba(35,0,5,.80) !important;
    border-top:2px solid #cf2030 !important;
    box-shadow:0 6px 18px rgba(0,0,0,.18) !important;
  }

  body:has(.bni-yt29) .bni-yt29-roundplay{
    flex:0 0 42px !important;
    width:42px !important;
    height:42px !important;
    margin:0 !important;
  }

  body:has(.bni-yt29) .bni-yt29-subscribe p{
    margin:0 !important;
    font-size:12px !important;
    line-height:1.35 !important;
  }

  body:has(.bni-yt29) .bni-yt29-subscribe p strong{
    display:block !important;
    margin-bottom:2px !important;
    font-size:14px !important;
    line-height:1.15 !important;
  }

  body:has(.bni-yt29) .bni-yt29-photo-credit{
    position:absolute !important;
    z-index:6 !important;
    right:max(36px,calc((100vw - 1500px)/2 + 36px)) !important;
    bottom:8px !important;
    left:auto !important;
    margin:0 !important;
    font-size:8px !important;
  }
}


/* =========================================================
   4. RESTO PAGINA PIÙ LEGGERO
   ========================================================= */

body:has(.bni-yt29) .bni-yt29-pillar h3{
  font-size:15px !important;
  line-height:1.25 !important;
}

body:has(.bni-yt29) .bni-yt29-pillar p{
  font-size:13px !important;
  line-height:1.5 !important;
}

body:has(.bni-yt29) .bni-yt29-sectiontitle{
  font-size:12px !important;
  letter-spacing:1.4px !important;
}

body:has(.bni-yt29) .bni-yt29-focustext h2{
  font-size:29px !important;
  line-height:1.12 !important;
}

body:has(.bni-yt29) .bni-yt29-focustext p{
  font-size:13px !important;
  line-height:1.52 !important;
}

body:has(.bni-yt29) .bni-yt29-cardbody h3{
  font-size:16px !important;
}

body:has(.bni-yt29) .bni-yt29-cardbody p{
  font-size:13px !important;
  line-height:1.5 !important;
}

body:has(.bni-yt29) .bni-yt29-cardbody a{
  font-size:11px !important;
}


/* =========================================================
   5. BARRA ROSSA FINALE COMPACT
   ========================================================= */

body:has(.bni-yt29) .bni-yt29-final{
  min-height:0 !important;
  padding:20px 22px !important;
}

body:has(.bni-yt29) .bni-yt29-finalmain,
body:has(.bni-yt29) .bni-yt29-finalitem{
  padding-top:7px !important;
  padding-bottom:7px !important;
}

body:has(.bni-yt29) .bni-yt29-finalmain h2{
  font-size:21px !important;
  line-height:1.18 !important;
  margin:0 !important;
}

body:has(.bni-yt29) .bni-yt29-finalitem h3{
  font-size:12px !important;
  line-height:1.15 !important;
}

body:has(.bni-yt29) .bni-yt29-finalitem p{
  font-size:10px !important;
  line-height:1.4 !important;
}


/* =========================================================
   6. MOBILE
   ========================================================= */

@media (max-width:767px){

  body:has(.bni-yt29) .bni-yt29-hero{
    position:relative !important;
    left:auto !important;

    width:100% !important;
    max-width:100% !important;
    height:auto !important;
    min-height:0 !important;

    margin:0 !important;
    display:block !important;
    overflow:visible !important;
  }

  body:has(.bni-yt29) .bni-yt29-copy{
    padding-left:initial !important;
    padding-right:initial !important;
  }

  body:has(.bni-yt29) .bni-yt29-copy h1{
    font-size:clamp(38px,10vw,52px) !important;
  }

  body:has(.bni-yt29) .bni-yt29-media{
    position:relative !important;
    overflow:hidden !important;
  }

  body:has(.bni-yt29) .bni-yt29-media::before{
    content:none !important;
    display:none !important;
  }

  body:has(.bni-yt29) .bni-yt29-photo{
    position:relative !important;
    inset:auto !important;
    width:100% !important;
    height:auto !important;
    object-fit:initial !important;
    display:block !important;
  }

  /* CTA MOBILE — MOLTO PIÙ COMPATTA */
  body:has(.bni-yt29) .bni-yt29-subscribe{
    display:flex !important;
    align-items:center !important;
    gap:9px !important;

    position:absolute !important;
    z-index:5 !important;

    right:12px !important;
    left:auto !important;
    bottom:26px !important;

    width:min(330px,56%) !important;
    max-width:56% !important;

    margin:0 !important;
    padding:9px 11px !important;

    box-sizing:border-box !important;

    background:rgba(35,0,5,.76) !important;
    border-top:2px solid #cf2030 !important;
    box-shadow:0 5px 14px rgba(0,0,0,.16) !important;
  }

  body:has(.bni-yt29) .bni-yt29-roundplay{
    flex:0 0 30px !important;
    width:30px !important;
    height:30px !important;
    margin:0 !important;
  }

  body:has(.bni-yt29) .bni-yt29-subscribe p{
    margin:0 !important;
    font-size:9px !important;
    line-height:1.25 !important;
  }

  body:has(.bni-yt29) .bni-yt29-subscribe p strong{
    display:block !important;
    margin-bottom:1px !important;
    font-size:11px !important;
    line-height:1.1 !important;
  }

  body:has(.bni-yt29) .bni-yt29-photo-credit{
    display:block !important;
    position:absolute !important;
    z-index:6 !important;

    right:12px !important;
    bottom:7px !important;
    left:auto !important;

    max-width:calc(100% - 24px) !important;
    margin:0 !important;
    padding:2px 5px !important;

    font-size:7px !important;
    line-height:1.1 !important;
    white-space:nowrap !important;
  }
}


/* =========================================================
   7. TELEFONI STRETTI
   ========================================================= */

@media (max-width:420px){

  body:has(.bni-yt29) .bni-yt29-subscribe{
    right:8px !important;
    bottom:24px !important;

    width:min(260px,62%) !important;
    max-width:62% !important;

    padding:8px 9px !important;
    gap:7px !important;
  }

  body:has(.bni-yt29) .bni-yt29-roundplay{
    flex-basis:26px !important;
    width:26px !important;
    height:26px !important;
  }

  body:has(.bni-yt29) .bni-yt29-subscribe p{
    font-size:8px !important;
  }

  body:has(.bni-yt29) .bni-yt29-subscribe p strong{
    font-size:10px !important;
  }

  body:has(.bni-yt29) .bni-yt29-photo-credit{
    right:8px !important;
    font-size:6px !important;
  }
}

/* =========================================================
   8. TABLET + LANDSCAPE FIX — V7TER
   iPad / tablet / telefono orizzontale fino a 1366px
   ========================================================= */

@media (min-width:768px) and (max-width:1366px){

  body:has(.bni-yt29) .bni-yt29-hero{
    grid-template-columns:minmax(0,43%) minmax(0,57%) !important;
    height:clamp(430px,46vw,560px) !important;
    min-height:430px !important;
  }

  body:has(.bni-yt29) .bni-yt29-copy{
    padding:24px 28px 24px 36px !important;
  }

  body:has(.bni-yt29) .bni-yt29-brand{
    margin-bottom:13px !important;
  }

  body:has(.bni-yt29) .bni-yt29-brand img{
    max-width:78px !important;
  }

  body:has(.bni-yt29) .bni-yt29-brand span{
    font-size:9px !important;
  }

  body:has(.bni-yt29) .bni-yt29-kicker{
    margin-bottom:12px !important;
    font-size:10px !important;
    letter-spacing:1.45px !important;
  }

  body:has(.bni-yt29) .bni-yt29-copy h1{
    font-size:clamp(31px,3.7vw,46px) !important;
    line-height:.99 !important;
    letter-spacing:-.65px !important;
  }

  body:has(.bni-yt29) .bni-yt29-rule{
    margin:12px 0 13px 0 !important;
  }

  body:has(.bni-yt29) .bni-yt29-copy > p{
    margin-bottom:14px !important;
    font-size:11px !important;
    line-height:1.4 !important;
  }

  body:has(.bni-yt29) .bni-yt29-actions{
    gap:8px !important;
  }

  body:has(.bni-yt29) .bni-yt29-btn{
    padding:8px 11px !important;
    font-size:9px !important;
  }

  body:has(.bni-yt29) .bni-yt29-photo{
    object-position:center center !important;
  }

  body:has(.bni-yt29) .bni-yt29-youtube{
    top:14px !important;
    left:50% !important;
    right:auto !important;
    transform:translateX(-50%) !important;
    font-size:17px !important;
  }

  /* CTA: reset completo delle regole ereditate */
  body:has(.bni-yt29) .bni-yt29-subscribe{
    display:flex !important;
    visibility:visible !important;
    opacity:1 !important;

    position:absolute !important;
    z-index:7 !important;

    top:auto !important;
    left:auto !important;
    right:18px !important;
    bottom:25px !important;

    width:300px !important;
    min-width:0 !important;
    max-width:calc(100% - 36px) !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;

    margin:0 !important;
    padding:9px 11px !important;

    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:9px !important;

    transform:none !important;
    translate:none !important;

    overflow:hidden !important;
    box-sizing:border-box !important;
  }

  body:has(.bni-yt29) .bni-yt29-roundplay{
    position:relative !important;
    inset:auto !important;

    flex:0 0 30px !important;
    width:30px !important;
    min-width:30px !important;
    max-width:30px !important;
    height:30px !important;
    min-height:30px !important;

    margin:0 !important;
    transform:none !important;
  }

  body:has(.bni-yt29) .bni-yt29-subscribe p{
    position:relative !important;
    inset:auto !important;

    flex:1 1 auto !important;
    width:auto !important;
    min-width:0 !important;
    max-width:none !important;

    margin:0 !important;
    padding:0 !important;

    font-size:9px !important;
    line-height:1.25 !important;
    white-space:normal !important;
    overflow-wrap:anywhere !important;

    transform:none !important;
  }

  body:has(.bni-yt29) .bni-yt29-subscribe p strong{
    display:block !important;
    width:auto !important;
    margin:0 0 2px 0 !important;

    font-size:11px !important;
    line-height:1.12 !important;
    white-space:normal !important;
  }

  /* Credito sempre dentro la foto */
  body:has(.bni-yt29) .bni-yt29-photo-credit{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;

    position:absolute !important;
    z-index:8 !important;

    top:auto !important;
    left:auto !important;
    right:18px !important;
    bottom:6px !important;

    width:auto !important;
    min-width:0 !important;
    max-width:calc(100% - 36px) !important;
    height:auto !important;

    margin:0 !important;
    padding:2px 5px !important;

    font-size:7px !important;
    line-height:1.1 !important;
    white-space:nowrap !important;

    transform:none !important;
    translate:none !important;
  }
}


/* Landscape touch: iPhone/Android orizzontale e iPad */
@media (min-width:768px) and (max-width:1366px) and (orientation:landscape) and (max-height:900px){

  body:has(.bni-yt29) .bni-yt29-hero{
    grid-template-columns:minmax(0,42%) minmax(0,58%) !important;
    height:clamp(360px,42vw,500px) !important;
    min-height:360px !important;
  }

  body:has(.bni-yt29) .bni-yt29-copy{
    padding:18px 22px 18px 28px !important;
  }

  body:has(.bni-yt29) .bni-yt29-brand{
    margin-bottom:9px !important;
  }

  body:has(.bni-yt29) .bni-yt29-brand img{
    max-width:66px !important;
  }

  body:has(.bni-yt29) .bni-yt29-brand span{
    font-size:8px !important;
  }

  body:has(.bni-yt29) .bni-yt29-kicker{
    margin-bottom:8px !important;
    font-size:8px !important;
    letter-spacing:1.15px !important;
  }

  body:has(.bni-yt29) .bni-yt29-copy h1{
    font-size:clamp(27px,3.25vw,38px) !important;
    line-height:.98 !important;
  }

  body:has(.bni-yt29) .bni-yt29-rule{
    margin:8px 0 9px 0 !important;
  }

  body:has(.bni-yt29) .bni-yt29-copy > p{
    margin-bottom:10px !important;
    font-size:9px !important;
    line-height:1.34 !important;
  }

  body:has(.bni-yt29) .bni-yt29-btn{
    padding:7px 9px !important;
    font-size:8px !important;
  }

  body:has(.bni-yt29) .bni-yt29-youtube{
    top:10px !important;
    font-size:15px !important;
  }

  body:has(.bni-yt29) .bni-yt29-subscribe{
    right:12px !important;
    bottom:22px !important;

    width:260px !important;
    max-width:calc(100% - 24px) !important;

    padding:7px 9px !important;
    gap:7px !important;
  }

  body:has(.bni-yt29) .bni-yt29-roundplay{
    flex-basis:24px !important;
    width:24px !important;
    min-width:24px !important;
    max-width:24px !important;
    height:24px !important;
    min-height:24px !important;
  }

  body:has(.bni-yt29) .bni-yt29-subscribe p{
    font-size:8px !important;
  }

  body:has(.bni-yt29) .bni-yt29-subscribe p strong{
    font-size:9px !important;
  }

  body:has(.bni-yt29) .bni-yt29-photo-credit{
    right:12px !important;
    bottom:5px !important;
    max-width:calc(100% - 24px) !important;
    font-size:6px !important;
  }
}


/* =========================================================
   9. V7QUATER — CTA POSITION FINAL
   Desktop: più a destra
   Tablet/Landscape: centrata nel pannello media, impossibile trasbordare
   ========================================================= */

/* DESKTOP GRANDE */
@media (min-width:1367px){

  body:has(.bni-yt29) .bni-yt29-subscribe{
    right:max(18px,calc((100vw - 1500px)/2 + 18px)) !important;
    left:auto !important;
    transform:none !important;
  }

  body:has(.bni-yt29) .bni-yt29-photo-credit{
    right:max(20px,calc((100vw - 1500px)/2 + 20px)) !important;
    left:auto !important;
  }
}


/* TABLET E LANDSCAPE */
@media (min-width:768px) and (max-width:1366px){

  body:has(.bni-yt29) .bni-yt29-subscribe{
    top:auto !important;
    right:auto !important;
    bottom:24px !important;

    left:50% !important;
    transform:translateX(-50%) !important;

    width:280px !important;
    min-width:0 !important;
    max-width:calc(100% - 28px) !important;

    margin:0 !important;
  }

  body:has(.bni-yt29) .bni-yt29-photo-credit{
    top:auto !important;
    right:auto !important;
    bottom:5px !important;

    left:50% !important;
    transform:translateX(-50%) !important;

    width:max-content !important;
    max-width:calc(100% - 24px) !important;

    margin:0 !important;
    text-align:center !important;
  }
}


/* TELEFONO ORIZZONTALE / VIEWPORT BASSO */
@media (min-width:768px) and (max-width:1100px) and (orientation:landscape) and (max-height:650px){

  body:has(.bni-yt29) .bni-yt29-subscribe{
    bottom:20px !important;

    left:50% !important;
    right:auto !important;
    transform:translateX(-50%) !important;

    width:245px !important;
    max-width:calc(100% - 20px) !important;

    padding:7px 8px !important;
    gap:7px !important;
  }

  body:has(.bni-yt29) .bni-yt29-roundplay{
    flex:0 0 23px !important;
    width:23px !important;
    min-width:23px !important;
    max-width:23px !important;
    height:23px !important;
    min-height:23px !important;
  }

  body:has(.bni-yt29) .bni-yt29-subscribe p{
    font-size:7.5px !important;
    line-height:1.2 !important;
  }

  body:has(.bni-yt29) .bni-yt29-subscribe p strong{
    font-size:9px !important;
  }

  body:has(.bni-yt29) .bni-yt29-photo-credit{
    bottom:4px !important;

    left:50% !important;
    right:auto !important;
    transform:translateX(-50%) !important;

    font-size:6px !important;
  }
}


/* =========================================================
   10. V7QUINQUIES — YOUTUBE PLAY + CARD COMPACT FINAL
   ========================================================= */

/* Cerchio rosso con play bianco stile YouTube */
body:has(.bni-yt29) .bni-yt29-roundplay{
  position:relative !important;
  background:#cf2030 !important;
  border-radius:50% !important;
  overflow:hidden !important;
}

body:has(.bni-yt29) .bni-yt29-roundplay::before{
  content:"" !important;
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  transform:translate(-42%,-50%) !important;

  width:0 !important;
  height:0 !important;

  border-top:7px solid transparent !important;
  border-bottom:7px solid transparent !important;
  border-left:11px solid #fff !important;
}

@media (min-width:1367px){

  body:has(.bni-yt29) .bni-yt29-subscribe{
    padding:10px 14px !important;
    gap:10px !important;
    width:min(390px,44%) !important;
    max-width:390px !important;
  }

  body:has(.bni-yt29) .bni-yt29-roundplay{
    flex:0 0 36px !important;
    width:36px !important;
    height:36px !important;
  }

  body:has(.bni-yt29) .bni-yt29-roundplay::before{
    border-top-width:6px !important;
    border-bottom-width:6px !important;
    border-left-width:10px !important;
  }

  body:has(.bni-yt29) .bni-yt29-subscribe p{
    font-size:11px !important;
    line-height:1.28 !important;
  }

  body:has(.bni-yt29) .bni-yt29-subscribe p strong{
    font-size:13px !important;
  }
}

@media (min-width:768px) and (max-width:1366px){

  body:has(.bni-yt29) .bni-yt29-subscribe{
    padding:8px 10px !important;
    gap:8px !important;
    width:260px !important;
  }

  body:has(.bni-yt29) .bni-yt29-roundplay{
    flex:0 0 28px !important;
    width:28px !important;
    min-width:28px !important;
    max-width:28px !important;
    height:28px !important;
    min-height:28px !important;
  }

  body:has(.bni-yt29) .bni-yt29-roundplay::before{
    border-top-width:5px !important;
    border-bottom-width:5px !important;
    border-left-width:8px !important;
  }

  body:has(.bni-yt29) .bni-yt29-subscribe p{
    font-size:8.5px !important;
  }

  body:has(.bni-yt29) .bni-yt29-subscribe p strong{
    font-size:10px !important;
  }
}

@media (max-width:767px){

  body:has(.bni-yt29) .bni-yt29-subscribe{
    padding:8px 10px !important;
    gap:8px !important;
  }

  body:has(.bni-yt29) .bni-yt29-roundplay{
    flex:0 0 28px !important;
    width:28px !important;
    height:28px !important;
  }

  body:has(.bni-yt29) .bni-yt29-roundplay::before{
    border-top-width:5px !important;
    border-bottom-width:5px !important;
    border-left-width:8px !important;
  }
}