.quoted {
  $quotes:            "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' xml:space='preserve' width='100%' height='100%' viewBox='0 0 1024 740'  fill='#{$white}'><path xmlns='http://www.w3.org/2000/svg' d='M0 512v256h256V512H128c0 0 0-128 128-128V256C256 256 0 256 0 512zM640 384V256c0 0-256 0-256 256v256h256V512H512C512 512 512 384 640 384z'/></svg>";
  position: relative;
  &:before {
    content: url($quotes);
    height: 20px;
    width: 20px;
    display: inline-block;
    position: absolute;
    top: -16px;
  }
  &:after {
    @include rotate(180);
    content: url($quotes);
    height: 20px;
    width: 20px;
    display: inline-block;
    position: absolute;
    bottom: -16px;
  }
}