.offer{width:360px;border-radius:20px;background:#fff;-webkit-box-shadow:0 0 15px #eaeaea;box-shadow:0 0 15px #eaeaea;padding:22px;margin:7px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media only screen and (max-width:900px){.offer{width:calc(50% - 14px)}}@media only screen and (max-width:800px){.offer{width:360px;margin:7px 0}}@media only screen and (max-width:420px){.offer{width:100%}}.offer-avatar{width:80px;min-width:80px;height:80px;border-radius:50%;background:#333;cursor:pointer;position:relative;z-index:2;margin-right:20px;background-size:cover;background-position:top;background-image:url(https://mir-s3-cdn-cf.behance.net/project_modules/disp/1bcdd944565991.5817acde24c51.gif)}.offer-avatar:hover .people-elems{-webkit-transform:rotate(100deg);transform:rotate(100deg);opacity:1;pointer-events:all}.offer__name{font-size:15px;font-weight:600;color:#191919;position:relative;z-index:2;cursor:pointer}.offer-wrap{padding:5px 0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:distribute;justify-content:space-around}.offer-buttons,.offer-wrap{display:-webkit-box;display:-ms-flexbox;display:flex}.offer-buttons{-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:15px}.offer-buttons .button{background-color:#8fbc8f;border-color:#8fbc8f;color:#fff;padding:8px 15px;font-size:12px;font-weight:600;margin-right:15px;display:-webkit-box;display:-ms-flexbox;display:flex}.offer-buttons .button img{margin-right:7px}.offer-buttons .button:hover{opacity:.8}.offer-decline{color:var(--text-main);font-size:12px;opacity:.4;cursor:pointer}.offer-decline.canceled,.offer-decline.declined{color:#dc143c;opacity:1}.offer-decline:hover{opacity:1}.offer-rate{width:37px;height:37px;border-radius:50%;background-color:#000;position:absolute;left:5px;top:5px;border:2px solid #fff}.offer-rate img{max-width:60%}.offer-rate.green{background-color:$green}.offer-rate.indianred{background-color:#cd5c5c}.offer_pseudo .offer__name{width:160px;height:20px;border-radius:20px;background-color:#f0f0f0}.offer_pseudo .button{background-color:#f0f0f0;border-color:#f0f0f0;width:80px}.offer_pseudo .offer-avatar{background-image:none;background-color:#f0f0f0}