.btn-pulse {overflow: visible;position: relative;}.btn-pulse:before {content: "";display: block;position: absolute;width: 100%;height: 100%;top: 0;left: 0;background-color: inherit;border-radius: inherit;transition: opacity 0.5s, transform 0.5s;animation: btn-pulse-animation 1.5s cubic-bezier(0.24, 0, 0.60, 1) infinite;z-index: 10;}@keyframes btn-pulse-animation {0% {opacity: 1;transform: scale(1);}50% {opacity: 0;transform: scale(1.5);}100% {opacity: 0;transform: scale(1.5);}} /* https://gist.github.com/gubi/8483199#file-fa-pulse-css-L26 */ .fa-btn-bounce { display: inline-block; position: relative; -moz-animation: bounce 1s infinite linear; -o-animation: bounce 1s infinite linear; -webkit-animation: bounce 1s infinite linear; animation: bounce 1s infinite linear; } @-webkit-keyframes bounce { 0% { top: 0; } 50% { top: -0.2em; } 70% { top: -0.3em; } 100% { top: 0; } } @-moz-keyframes bounce { 0% { top: 0; } 50% { top: -0.2em; } 70% { top: -0.3em; } 100% { top: 0; } } @-o-keyframes bounce { 0% { top: 0; } 50% { top: -0.2em; } 70% { top: -0.3em; } 100% { top: 0; } } @-ms-keyframes bounce { 0% { top: 0; } 50% { top: -0.2em; } 70% { top: -0.3em; } 100% { top: 0; } } @keyframes bounce { 0% { top: 0; } 50% { top: -0.2em; } 70% { top: -0.3em; } 100% { top: 0; } } .fa-btn-pulse { display: inline-block; -moz-animation: pulse 2s infinite linear; -o-animation: pulse 2s infinite linear; -webkit-animation: pulse 2s infinite linear; animation: pulse 2s infinite linear; } @-webkit-keyframes pulse { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes pulse { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } @-o-keyframes pulse { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } @-ms-keyframes pulse { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } @keyframes pulse { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } }