.chat{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:40px;height:40px;cursor:pointer}.chat__icon{position:relative;width:24px;height:24px}.chat__icon::after{position:absolute;top:-5px;right:-5px;width:8px;height:8px;content:'';cursor:default;border-radius:100%;background:red;-webkit-box-shadow:0 2px 12px rgba(255,0,0,.5);box-shadow:0 2px 12px rgba(255,0,0,.5);-webkit-transition:-webkit-transform .45s cubic-bezier(.39,.575,.565,1);transition:transform .45s cubic-bezier(.39,.575,.565,1);transition:transform .45s cubic-bezier(.39,.575,.565,1),-webkit-transform .45s cubic-bezier(.39,.575,.565,1);-webkit-transform:scale(0);transform:scale(0)}.chat__icon::before{display:block;width:100%;height:100%;content:'';opacity:.3;background:url(//yastatic.net/s3/frontend/yandex-lego/serp-header/_/2531khGS.svg) no-repeat top left;background-size:100%;-webkit-transition:opacity .1s ease-out;transition:opacity .1s ease-out}.chat_unread_yes .chat__icon::after{-webkit-transform:scale(1);transform:scale(1)}.chat:hover .chat__icon::before{opacity:1}