.fixed-anchor {
 z-index: 200;
 text-align: center;
 background-color: #efefef;
 transition: all .3s;
 display: block;
 position: fixed;
 inset: auto 0 0;
 box-shadow: 0 -3px 5px #0000001a;
}
@media (aspect-ratio >= 3 / 4) {
 .fixed-anchor {
   inset: auto auto 2rem;
   box-shadow: 0 5px 5px #0000001a;
 }
 .fixed-anchor:not(.left):not(.right) {
   left: 50%;
   transform: translateX(-50%);
 }
 .fixed-anchor.left {
   left: 2rem;
 }
 .fixed-anchor.right {
   right: 2rem;
 }
}
.fixed-anchor:hover {
 background-color: #f7f7f7;
 text-decoration: none;
}
.fixed-anchor.accent {
 background-color: var(--color-accent, #09ada6) !important;
}
.fixed-anchor.accent .teaser {
 color: #fff !important;
}
.fixed-anchor .teaser {
 display: block;
 background: none !important;
 margin: 0 !important;
}
@media (aspect-ratio >= 3 / 4) {
 .fixed-anchor .teaser {
   padding: .2rem 2rem;
 }
}
.fixed-anchor .teaser .text-column {
 padding: 0 !important;
}
.fixed-anchor .teaser .text-column .teaser-title {
 margin: 0 !important;
}
.fixed-anchor .teaser .text-column .teaser-more {
 display: none;
}
body:has(.observed.visible) .fixed-anchor {
 opacity: 0;
}
body:has(.fixed-anchor.right) button.page-top {
 bottom: 10rem;
}
@media (aspect-ratio <= 3 / 4) {
 body:has(.fixed-anchor) button.page-top {
   bottom: 12rem;
   right: 0;
 }
 body:has(.fixed-anchor) .socialshare {
   top: unset;
   transform: unset;
   margin: 0;
   bottom: 9rem;
 }
}