Option Button

Option Button

by Luis Valle

HTML

<div class="customBlueButtonClass">
  <div>
    <a class="genresYellowArrowClass" title="Genre" href="#">&#9660;</a>
    <span>|</span>
    <a href="#" class="btnSearchClass">FIND</a>
  </div>
  <div>
    <span class="customGenrelbl">All Genres</span>
  </div>
</div>

CSS

a, span {
  font-family: Arial;
}
.customBlueButtonClass {
  display: inline-block;
  background-color: #33C3F0;
  padding: 0px 8px 0px 8px;
  color: white;
}
.customBlueButtonClass a {
  text-decoration: none;
  color: white;
  font-size: small;
}
.customBlueButtonClass a.btnSearchClass {
  margin-left: 10px;
}
.customBlueButtonClass a.genresYellowArrowClass {
  color: yellow;
}
.customBlueButtonClass span.customGenrelbl {
  font-size: x-small;
  color: yellow;
}