.reading-time-cta[hidden]{display:none}
.reading-time-cta{display:none}
@media(max-width:760px){
  .reading-time-cta:not([hidden]){
    position:fixed;
    z-index:89;
    right:12px;
    bottom:calc(74px + env(safe-area-inset-bottom));
    left:12px;
    display:flex;
    align-items:center;
    min-height:64px;
    padding:8px;
    border:1px solid var(--line);
    border-radius:16px;
    background:var(--paper);
    box-shadow:0 8px 30px rgba(36,48,48,.2);
  }
  .reading-time-cta__link{
    display:flex;
    flex:1;
    justify-content:center;
    min-height:48px;
    min-width:0;
    padding:12px 54px 12px 16px;
    text-align:center;
    line-height:1.4;
  }
  .reading-time-cta__close{
    position:absolute;
    z-index:1;
    top:0;
    right:0;
    display:grid;
    place-items:center;
    width:44px;
    height:44px;
    border:0;
    border-radius:50%;
    background:transparent;
    color:var(--ink);
    font-size:23px;
    line-height:1;
    cursor:pointer;
  }
  .reading-time-cta__close:focus-visible,
  .reading-time-cta__link:focus-visible{
    outline:3px solid var(--accent);
    outline-offset:2px;
  }
  .site-main.has-mobile-bottom-nav.has-reading-time-cta{
    padding-bottom:calc(154px + env(safe-area-inset-bottom));
  }
}