51 lines
888 B
CSS
51 lines
888 B
CSS
.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);
|
|
}
|