JavaScript seems to be disabled in your browser. For the best experience on our site, be sure to turn on Javascript in your browser.

Краситель тон-в-тон

.chat{position:fixed;z-index:1000;bottom:30px;right:30px}@media (max-width:767px){.chat{bottom:20px;right:20px}}.chat__btn{position:relative;transition:width 500ms;width:48px;height:48px;background-color:#000;display:inline-block;overflow:hidden;box-shadow:0 2px 8px 0 rgba(0,0,0,.24);vertical-align:top;padding-left:48px;line-height:48px;cursor:pointer;user-select:none}.chat__text{color:#fff;font-size:14px;overflow:hidden;opacity:0}._open .chat__btn,.chat__btn:hover{width:300px;overflow:visible}._open .chat__text,.chat__btn:hover .chat__text{opacity:1;transition:opacity .5s ease-in-out .1s}.chat__icon{position:absolute;top:0;left:0}