@keyframes TransitioningBackground {
  0% {
    background-position: 1% 0%;
  }
  50% {
    background-position: 99% 100%;
  }
  100% {
    background-position: 1% 0%;
  }
}
.btn, .sppb-btn,  .sp-simpleportfolio .sp-simpleportfolio-filter > ul > li > a {
    font-size: 14px!important;
    font-weight: 400!important;
    text-transform: capitalize;
    padding: 6px 12px!important;
    text-align: center;
    border-radius: 5px;
    position: relative;
    overflow: hidden;
    background: -webkit-linear-gradient(#337ab7 40%, #1c3f95,#337ab7);
    background: linear-gradient(#337ab7 40%, #1c3f95,#337ab7);
    color: #f5f5f5;
    animation: TransitioningBackground 10s ease infinite;
    transition: 0.6s;
}
.btn::before, .sppb-btn::before {
 
}
.btn::after, .sppb-btn::after,  .sp-simpleportfolio .sp-simpleportfolio-filter > ul > li > a::after {
   content: "";
   position: absolute;
   top: -45%;
   left: -100%;
   width: 200%;
   height: 200%;
   opacity: 0;
   transform: rotate(-30deg)!important;
   background: linear-gradient(
    to top, 
    rgba(255, 255, 255, 0.3) 0%,
    rgba(255, 255, 255, 0.23) 77%,
    rgba(255, 255, 255, 0.7) 92%,
    rgba(255, 255, 255, 0.0) 100%
  );
}
.btn:hover, .sppb-btn:hover ,  .sp-simpleportfolio .sp-simpleportfolio-filter > ul > li > a:hover {
/*   background-image: linear-gradient(to left, #2d8fe5, #d155b8); */
/*   transform: scale(1.2); */
  cursor: pointer;
}
.btn:hover::before, .sppb-btn:hover::before, .btn:hover::after, .sppb-btn:hover::after, .sp-simpleportfolio .sp-simpleportfolio-filter > ul > li > a:hover::before,  .sp-simpleportfolio .sp-simpleportfolio-filter > ul > li > a:hover::after {
  opacity: 1;
  top: 280%;
  left: 30%;
  transition-property: left, top, opacity;
  transition-duration: 0.7s, 0.7s, 0.15s;
  transition-timing-function: ease;
}

.sp-simpleportfolio .sp-simpleportfolio-filter ul li a:hover {
    background: -webkit-linear-gradient(#337ab7 40%, #1c3f95,#337ab7)!important;
    background: linear-gradient(#337ab7 40%, #1c3f95,#337ab7)!important;
    color: #f5f5f5!important;
    
}