@charset 'utf-8';

.upsd__whatsapp {
	background: #25d366;
	width: 60px;
	height: 60px;
	padding: 10px;
	position: fixed;
	bottom: 1em;
	box-shadow: 0 4px 8px 0 rgba(0,0,0,.15);
	border-radius: 100%;
	z-index: 99;
	transition: background .3s;
}

.upsd__whatsapp.left {
	left: 1em;
}

.upsd__whatsapp.center {
	left: 50%;
	transform: translateX(-50%);
}

.upsd__whatsapp.right {
	right: 1em;
}

.upsd__whatsapp svg {
	max-width: 100%;
	height: auto;
	display: block;
}

.upsd__whatsapp svg * {
	fill: #fff;
}

.upsd__whatsapp:hover {
	background: #21bd5c;
	transition: background .3s;
}