.site-main.front-page {
min-height: 100vh;
} .floating-chat {
position: fixed;
bottom: var(--spacing-8);
right: var(--spacing-8);
width: 60px;
height: 60px;
border-radius: var(--radius-full);
background-color: var(--color-primary);
display: flex;
align-items: center;
justify-content: center;
box-shadow: var(--shadow-lg);
z-index: var(--z-index-floating);
transition: transform var(--transition-base);
&:hover {
transform: scale(1.1);
}
svg {
width: 28px;
height: 28px;
color: var(--color-white);
}
}
@media (max-width: 768px) {
.floating-chat {
bottom: var(--spacing-5);
right: var(--spacing-5);
width: 50px;
height: 50px;
svg {
width: 24px;
height: 24px;
}
}
}
@media (max-width: 576px) {
.floating-chat {
bottom: var(--spacing-4);
right: var(--spacing-4);
width: 45px;
height: 45px;
svg {
width: 22px;
height: 22px;
}
}
}