.px-scrollknop{box-sizing:border-box;position:fixed;z-index:980;inset-inline:0;bottom:calc(var(--space-d2) + env(safe-area-inset-bottom, 0px));display:flex;align-items:center;justify-content:space-between;gap:var(--space-d05);width:18rem;max-width:calc(100% - 2 * var(--space-d1));min-height:64px;margin:0 auto;padding:2px 2px 2px 1.1rem;border:0;border-radius:var(--radius-pill);background:var(--white);box-shadow:var(--shadow-hover);color:var(--gray-dark);font-family:var(--font-display);font-size:.86rem;font-weight:var(--weight-medium);line-height:var(--lh-snug);text-align:left;cursor:pointer;appearance:none;-webkit-tap-highlight-color:#fff0;opacity:0;visibility:hidden;transform:translateY(var(--space-d1));transition:opacity var(--duration-slow) var(--ease-smooth),transform var(--duration-slow) var(--ease-smooth),visibility 0s linear var(--duration-slow)}.px-scrollknop[hidden]{display:none}.px-scrollknop.is-zichtbaar{opacity:1;visibility:visible;transform:none;transition-delay:0s}.px-scrollknop__tekst{min-width:0}.px-scrollknop__icoon{box-sizing:border-box;width:60px;height:60px;flex:0 0 60px;display:inline-flex;align-items:center;justify-content:center;border:3px solid #fff0;border-radius:50%;background:var(--white);color:var(--gray-dark);box-shadow:-1px 0 0 var(--sand-light),var(--shadow-subtle);transition:color var(--duration-normal) var(--ease-smooth),background-color var(--duration-normal) var(--ease-smooth),border-color var(--duration-normal) var(--ease-smooth),box-shadow var(--duration-normal) var(--ease-smooth)}.px-scrollknop__icoon svg{width:30px;height:30px;display:block}.px-scrollknop:hover .px-scrollknop__icoon{border-color:var(--action);color:var(--action);box-shadow:var(--shadow-hover)}.px-scrollknop:active .px-scrollknop__icoon{border-color:#fff0;background:var(--sky-blue);color:var(--action);box-shadow:var(--shadow-pressed)}.px-scrollknop:focus-visible{outline:5px solid var(--btn-focus-ring);outline-offset:3px}@keyframes px-scrollknop-wenk{0%,100%{transform:translateY(0)}50%{transform:translateY(.3rem)}}.px-scrollknop.is-zichtbaar .px-scrollknop__icoon svg{animation:px-scrollknop-wenk 1.2s var(--ease-smooth) var(--duration-slow) 3}@media (max-width:767px){.px-scrollknop{bottom:calc(var(--space-d1) + env(safe-area-inset-bottom, 0px));padding-left:1rem;font-size:.78rem}}@media (prefers-reduced-motion:reduce){.px-scrollknop,.px-scrollknop.is-zichtbaar{transform:none;transition:none}.px-scrollknop .px-scrollknop__icoon svg,.px-scrollknop.is-zichtbaar .px-scrollknop__icoon svg{animation:none}}@media print{.px-scrollknop{display:none}}