Generated by SassMeister.com.

SassMeister-input-HTML.html

<div class="bubble">
  Hallo
</div>

SassMeister-input.scss

// ----
// Sass (v3.3.0.rc.1)
// Compass (v0.13.alpha.10)
// ----

@import "compass";

.bubble {
  background: #e670a4;
  border-radius: 10px;
  color: white;
  font: 30px Helvetica Neue;
  margin: 100px;
  padding: 20px;
  position: relative;
  @include filter(drop-shadow(rgba(black, 0.3) 0 2px 5px));
  
  &:before {
    border: 10px solid;
    border-color: #e670a4 transparent transparent;
    content: "";
    left: 50%;
    margin-left: -10px;
    position: absolute;
    top: 100%;
  }
}

SassMeister-output.css

.bubble {
  background: #e670a4;
  border-radius: 10px;
  color: white;
  font: 30px Helvetica Neue;
  margin: 100px;
  padding: 20px;
  position: relative;
  -webkit-filter: drop-shadow(rgba(0, 0, 0, 0.3) 0 2px 5px);
  filter: drop-shadow(rgba(0, 0, 0, 0.3) 0 2px 5px);
}
.bubble:before {
  border: 10px solid;
  border-color: #e670a4 transparent transparent;
  content: "";
  left: 50%;
  margin-left: -10px;
  position: absolute;
  top: 100%;
}

SassMeister-rendered.html

<div class="bubble">
  Hallo
</div>