.btn::after{
  content: '' ;
  position: absolute;
  top: 0 ;
  left: -100% ;
  width: 100% ;
  height: 100%; 
  background: linear-gradient(95deg, transparent, rgba(255, 255, 255, 40%), transparent);
  transition: 0.7s ;
  
}
.btn {
    position: relative;
    overflow: hidden;
}

.btn:hover::after{
  left: 100%;
}

.btn-primary:hover {
    background-color: var(--primary);
}

.btn-secondary:hover {
    background-color: var(--secondary);
}