.br-feedback {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  position: fixed;
  z-index: 999;
}

.br-feedback.left {
  left: 0;
}

.br-feedback.right {
  right: 0;
}

.br-feedback img {
  border: none;
  background: transparent;
}

.br-feedback a {
  display: inline-block;
  overflow: hidden;
  position: relative;
  text-decoration: none;
}

.br-feedback .trigger {
  float: right;
}

.br-feedback.left .trigger {
  border-left: none;
  float: left;
}

.br-feedback.right .trigger {
  border-right: none;
  float: right;
}

.br-feedback .trigger i {
  display: block;
  position: relative;
  z-index: 10;
}

.br-feedback .content {
  float: right;
}

.br-feedback.left .content {
  float: left;
}

.br-feedback.right .content {
  float: right;
}

.br-feedback .content p {
  margin: 0;
  -moz-transition: width 1s;
  -webkit-transition: width 1s;
  -o-transition: width 1s;
  transition: width 1s;
  width: 0px;
}