.machine-quiz-float{
  position:fixed;
  z-index:180;
  top:60%;
  right:20px;
  display:flex;
  width:104px;
  min-height:154px;
  padding:18px 12px;
  box-sizing:border-box;
  align-items:center;
  justify-content:center;
  border-radius:7px;
  background:#a90012;
  color:#fff;
  box-shadow:-5px 8px 22px rgba(62,0,7,.24);
  font:800 13px/1.35 Arial,sans-serif;
  letter-spacing:.025em;
  text-align:center;
  text-decoration:none;
  text-transform:uppercase;
  white-space:normal;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translate(14px,-50%);
  transition:opacity .2s ease,transform .2s ease,visibility 0s linear .2s,background-color .2s ease;
}
.machine-quiz-float.is-visible{opacity:1;visibility:visible;pointer-events:auto;transform:translate(0,-50%);transition-delay:0s}
.machine-quiz-float:hover{background:#85000e;color:#fff;text-decoration:none}
.machine-quiz-float:focus-visible{outline:3px solid #fff;outline-offset:-6px;box-shadow:0 0 0 3px #a90012,-5px 8px 22px rgba(62,0,7,.24)}
.js-open .machine-quiz-float{opacity:0!important;visibility:hidden!important;pointer-events:none!important}

@media (max-width:1100px){
  .machine-quiz-float{
    top:auto;
    right:84px;
    bottom:calc(20px + env(safe-area-inset-bottom,0px));
    width:auto;
    max-width:calc(100vw - 108px);
    min-height:52px;
    padding:0 17px;
    border-radius:7px;
    font-size:12px;
    white-space:nowrap;
    transform:translateY(10px);
  }
  .machine-quiz-float.is-visible{transform:translateY(0)}
}

@media (prefers-reduced-motion:reduce){
  .machine-quiz-float{transition:none}
}