.whatsapp-container {
	--distance: 4rem;
	width: 80px;
	aspect-ratio: 1;
	border-radius: 50%;
	display: grid;
	place-items: center;
	font-size: 50px;
	color: #ffffff;
	background-color: #25d366;
	place-items: center;
	position: fixed;
	left: var(--distance);
	bottom: var(--distance);
	z-index: 999;
}

.whatsapp-container:before,
.whatsapp-container:after {
	content: "";
	position: absolute;
	inset: 0;
	background-color: #40ff79;
	border-radius: 50%;
	z-index: -1;
	opacity: 0.7;
}
.whatsapp-container:before {
	animation: pulse 2s ease-out infinite;
}
.whatsapp-container:after {
	animation: pulse 2s 1s ease-out infinite;
}
@keyframes pulse {
	100% {
		transform: scale(2.5);
		opacity: 0;
	}
}

.whatsapp-btn {
	font-size: 3rem;
	color: rgb(255, 255, 255);
	cursor: pointer;
}