jl-frontend/css/components/floating_widget.css

35 lines
687 B
CSS

.floating-widget-container {
position: fixed;
z-index: 2;
width: 60px;
height: 60px;
right: 30px;
bottom: 30px;
border-radius: 100%;
background-color: #25D366;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
font-size: 45px;
text-decoration: none;
}
.floating-widget-container:hover {
width: 70px;
height: 70px;
font-size: 55px;
cursor: pointer;
right: 25px;
bottom: 25px;
transition-duration: 0.4s;
}
.floating-widget-logo {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
color: white;
}