/* Template css resource: Core 8 - Fluid - Module banner side - Whatsapp */
.side-buttons {
position: fixed;
right: 0;
top: 70%;
z-index: 50;
display: flex;
flex-direction: column;
gap: 20px;
}
.side-button {
display: flex;
gap: 0.8rem;
margin: 0;
height: max-content;
padding: 4px 8px;
color: #ffffff;
background-color: #25D366;
border-radius: 0.5rem 0 0 0.5rem;
border: 0;
transform: translateX(calc(100%)) scale(1.3);
transition: all 400ms ease-in-out;
transform-origin: right;
box-shadow: 0 0 30px 0 #000000d1;
}
@media (min-width: 580px) {
.side-button:hover {
transform: translateX(0) scale(1.3);
}
}
.side-button > p {
margin: 0;
font-size: smaller;
}
.side-button > .icon-tabler {
margin: auto;
margin-left: unset;
}