Generated by SassMeister.com.

SassMeister-input-HTML.html

<div><span>[]&nbsp;&nbsp;View cart</span></div>

SassMeister-input.scss

// ----
// Sass (v3.3.0.rc.5)
// Compass (v1.0.0.alpha.18)
// ----

@import "compass";

$white: #fff;
$black: #001e1e;
$gray-dark: #6a737b;
$gray-dark-accent: #5e666d;
$gray-med: #a19a94;
$gray-light: #b7b1a9;
$off-white: #faebdc;
$red: #e92225;
$red-dark: #a02323;
$green: #1eb478;
$green-accent: darken($green, 5);
$yellow: #ffdc00;

body {
  -webkit-font-smoothing: antialiased;
}

div {
  @include inline-block;
  @include border-radius(0.1875em);  
  font-family: bentonsans-bold;
  border: 1px solid $green-accent;
  line-height: 2.25em;
  height: 2.25em;
  padding: 0 .75em;
  color: white;
  background: $green;
  &:active {
    background: $green-accent;
  }
  span {
    @include single-text-shadow(1px, 1px, 1px, false, transparentize($black, .6));
    font-size: .875em;
  }
}

SassMeister-output.css

body {
  -webkit-font-smoothing: antialiased;
}

div {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  -moz-border-radius: 0.1875em;
  -webkit-border-radius: 0.1875em;
  border-radius: 0.1875em;
  font-family: bentonsans-bold;
  border: 1px solid #1a9e69;
  line-height: 2.25em;
  height: 2.25em;
  padding: 0 .75em;
  color: white;
  background: #1eb478;
}
div:active {
  background: #1a9e69;
}
div span {
  text-shadow: 1px 1px 1px rgba(0, 30, 30, 0.4);
  font-size: .875em;
}

SassMeister-rendered.html

<div><span>[]&nbsp;&nbsp;View cart</span></div>