.button {
	border-radius: 50%;
	border: none;
	width: 70px;
	height: 70px;

	margin: 15px;
}
.button:after {
	display: block;

}

.connect {
	composes: button;
	background-color: #45bd57;
}
.connect:hover {
	background-image: linear-gradient(#76b880, #5fb86c);
}
.connect:after {
	content: url(/play-solid.svg);
	transform: scale(0.4);
	position: relative;
    left: 2px;
}

.answer, .makeCall {
	composes: button;
	background-color: #45bd57;
}
.answer:hover, .makeCall:hover {
	background-image: linear-gradient(#84b68c, #5fb86c);
}
.answer:after, .makeCall:after{
	content: url(/phone-solid.svg);
	transform: scale(0.65);
}

.hangup, .reject {
	composes: button;
	background-color: #ff3b2f;
}
.hangup:hover, .reject:hover {
	background-image: linear-gradient(#fd7f79, #fc564e);
}
.hangup:after, .reject:after {
	content: url(/phone-solid.svg);
	transform: rotate(224deg) scale(0.65);
}