@-webkit-keyframes pulse {to {box-shadow: 0 0 0 25px rgba($primary-color, 0);}}
@-moz-keyframes pulse {to {box-shadow: 0 0 0 25px rgba($primary-color, 0);}}
@-ms-keyframes pulse {to {box-shadow: 0 0 0 25px rgba($primary-color, 0);}}
@keyframes pulse {to {box-shadow: 0 0 0 25px rgba($primary-color, 0);}}

@-webkit-keyframes pulse-white {to {box-shadow: 255 255 255 25px rgba($primary-color, 0);}}
@-moz-keyframes pulse-white {to {box-shadow: 255 255 255 25px rgba($primary-color, 0);}}
@-ms-keyframes pulse-white {to {box-shadow: 255 255 255 25px rgba($primary-color, 0);}}
@keyframes pulse-white {to {box-shadow: 255 255 255 25px rgba($primary-color, 0);}}

.JDbtn--pulse {
    overflow:visible!important;

    &:after{
      content:"";
      display: block;
      position: absolute;
      left: 0;
      top:0;
      right: 0;
      bottom: 0;
      background-size:cover;
      cursor: pointer;
      box-shadow: 0 0 0 0 rgba(255,255,255, 0.7)!important;
      -webkit-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
      -moz-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
      -ms-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
      animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1)!important;
    }
    
    &.JDbtn--primary:after {
      box-shadow: 0 0 0 0 rgba($primary-color, 0.7)!important;
    }

    &.JDbtn--point:after {
      box-shadow: 0 0 0 0 rgba($point-color, 0.7)!important;
    }

    &:hover {
      -webkit-animation: none;-moz-animation: none;-ms-animation: none;animation: none;
    }
}
  

.JDbtn--pulse-white{
    overflow:visible;
}
.JDbtn--pulse-white:after {
    content:"";
    display: block;
    position: absolute;
    left: 0;
    top:0;
    right: 0;
    bottom: 0;
    box-shadow: 0 0 0 0 rgba(255,255,255, 0.7)!important;
    background-size:cover;
    cursor: pointer;
    -webkit-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    -moz-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    -ms-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1)!important;
  }
  .JDbtn--pulse-white:hover 
  {
    -webkit-animation: none;-moz-animation: none;-ms-animation: none;animation: none;
  }
  
