.btn-whatsapp {
	height: 60px;
	width: 60px;
	background: #5ba822;
	border-radius: 100%;

	border: none;
	outline: none;
	cursor: pointer;

	display: grid;
	place-items: center;

	position: fixed;
	right: 30px;
	bottom: 30px;

	z-index: 200;

	@media screen and (max-width: 992px) {
		bottom: 125px;
	}
}

.btn-whatsapp-pulse {
	animation-name: pulse;
	animation-duration: 3s;
	animation-timing-function: ease-out;
	animation-iteration-count: infinite;

	@media screen and (max-width: 575px) {
		animation: none !important;
	}
}

@keyframes pulse {
	0% {
		box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.5);
	}
	80% {
		box-shadow: 0 0 0 14px rgba(37, 211, 102, 0);
	}
}

.btn-whatsapp-pulse-border {
	bottom: 120px;
	right: 20px;
	animation-play-state: paused;
}

.btn-whatsapp-pulse-border::before {
	content: "";
	position: absolute;
	border-radius: 50%;
	padding: 25px;
	border: 5px solid #5ba822;
	opacity: 0.75;
	animation-name: pulse-border;
	animation-duration: 1.5s;
	animation-timing-function: ease-out;
	animation-iteration-count: infinite;

	@media screen and (max-width: 575px) {
		animation: none !important;
	}
}

@keyframes pulse-border {
	0% {
		padding: 25px;
		opacity: 0.75;
	}
	75% {
		padding: 50px;
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}