.puff{bottom:32px;opacity:.9;position:fixed;right:16px;z-index:9}#speech-bubble{background:#919191;border-radius:.4em;position:relative}#bubble-top{background:#333;border-radius:.4em .4em 0 0;color:#fff;cursor:pointer;display:flex;font-family:Roboto,sans-serif;font-size:12px;font-style:normal;font-weight:700;letter-spacing:.5px;padding:5px 10px 5px 20px;text-decoration:none;text-transform:uppercase}#bubble-bottom,#bubble-top{min-width:100px;text-align:center}#bubble-bottom{background:#919191;border-radius:0 0 .4em .4em;padding:10px 20px;position:relative}#speech-bubble:after{border:10px solid transparent;border-bottom:0;border-top-color:#919191;bottom:0;content:"";height:0;left:80%;margin-bottom:-10px;margin-left:-10px;position:absolute;width:0}.chevron:after{border-style:solid;border-width:.25em .25em 0 0;content:"";display:inline-block;height:.45em;left:.15em;position:relative;top:.15em;transform:rotate(-45deg);vertical-align:top;width:.45em}.chevron.bottom:after{top:1;transform:rotate(135deg)}@media only screen and (max-width:600px){#speech-bubble:after{display:none}.puff{bottom:16px;right:20px}.chevron:after{height:.6em;left:.15em;top:.2em;width:.6em}}