body {
    --l: 65px;
   }
   .triggerButton { display: none; }
   
   .triggerButton + label {
     background-image: url("tracking-icon.png");
     cursor: pointer;
     position: fixed;
     right: 15px;
     bottom: 15px;
     height: var(--l);
     width: var(--l); 
     border-radius: 50%;
     z-index: 2;
     transition:width 0.3s, right 0.3s, border-radius 0.3s;
   }
   .triggerButton + label:hover,
   .triggerButton:checked ~ label{
    background-image: url("tracking-text.png");
    width: 180px;
    border-radius: 12px;
    transition:width 0.6s, left 0.6s, border-radius 0.4s;

  }
   .one{
     cursor: pointer;
     position: fixed;
     right: 1em;
     bottom: 0px;
     padding: 20px 8px 20px 8px;
     width: 20em;
     height: 120px;
     visibility: hidden;
     opacity: 0;
     z-index: 99;
     font-size: 1em;
     transition: all .35s;
     border: 1px solid #d3d3d3;
     border-radius: 5px;
   }
   
   .triggerButton:checked ~ .one {
    visibility: visible;
    opacity: 1;
    background-color: #fdfdfd;
    transform: translateY(-6em);
   }