.chat { position: fixed; top: 50%; right: 0; z-index: var(--z-index-overlay); display: none; align-items: center; gap: 16px; padding: 16px 20px; color: #fff; background-color: var(--color-primary); border-radius: var(--border-radius) var(--border-radius) 0 0; transform: translateY(-50%) rotate(-90deg) translateX(50%); transform-origin: bottom right; } .chat__label { font-size: 18px; white-space: nowrap; } .chat__icon { display: flex; align-items: center; justify-content: center; width: 42px; height: 42px; font-size: 20px; color: var(--color-primary); background-color: #fff; border-radius: 50%; } /* Mobile already has the bottom call/text/apply bar */ @media (min-width: 992px) { .chat { display: flex; } }