/* Back to Top
=========================== */

.pur-b2t-wrapper{
    display: inline-block;
    text-align: right;
    width: 100%;
 }
 
 .pur-top {
   
   --offset: 50px; 
   margin-top: calc(100vh + var(--offset));
   position: sticky;  
   place-self: end; 
   outline: none;
   user-select: none;
   bottom: 44px;     
   right: 20px;
   
   /* visual styling */
   text-decoration: none;
   padding: 21px 24px;
   font-family: sans-serif;
   color: #fff;
   background: #D6006D;
   border-radius: 100px;
   white-space: nowrap;  
   box-shadow: rgb(0 0 0 / 30%) 0px 0px 20px;
   z-index: 19;     
 
 }
 
 .pur-top:hover{
   background-color: #b3015d;
 }
 
 @media screen and (max-width: 50rem){
   .pur-top {
     position:fixed;
     bottom: 144px;    
   }
 
  
 }
 
 /* remove the below if you don't want smooth scrolling
 html,
 body {
     scroll-behavior: smooth;
 } */