.c-floating { position: fixed; z-index: 90; top: 489px; right: 40px; display: flex; flex-direction: column; gap: 15px; }
.c-floating__btn { display: grid; flex: 0 0 50px; width: 50px; height: 50px; place-items: center; text-decoration: none; }
.c-floating__btn img { width: 50px; height: auto; }
.c-floating__btn--zalo { overflow: hidden; padding: 10px; border-radius: 50%; background: linear-gradient(180deg, var(--c-crimson), var(--c-crimson-dark)); box-shadow: inset 0 2px 0 rgba(255,255,255,.49), 0 4px 2px rgba(0,0,0,.25); }
.c-floating__btn--zalo img { width: 30px; height: auto; }
@media (max-width: 1023px) { .c-floating { top: auto; right: 12px; bottom: 16px; gap: 12px; } .c-floating__btn { width: 44px; height: 44px; flex-basis: 44px; } .c-floating__btn img { width: 44px; height: auto; } .c-floating__btn--zalo img { width: 26px; height: auto; } }