BUTTONS AND SHADOWS.

by firegroove

HTML

<button id="LumT_DarkNeutralizer_ToneeGee" class="topcoat-button b_half_left LMMidb" title="Any Color Cast in the Shadows Tones will be removed">Dark Tones Neutralizer</button>
<br>
<br>
<!DOCTYPE html>
<html>


  <body>
    <div class="box top"></div>
    <div class="box right"></div>
    <div class="box bottom"></div>
    <div class="box left"></div>
    <div class="box all"></div>
  </body>

</html>

CSS

.b_half_left {
  width: 180px;
  float: left;
  display: block;
  margin-top: 0.2em;
  margin-bottom: 0.2em;
  margin-left: 3px;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0;
  padding: 10px;
  text-shadow: none;
  /* padding-top: 1px; */
  border-radius: 25%;
  border: 1px solid red;
}

.box {
  height: 150px;
  width: 300px;
  margin: 20px;
  border: 1px solid #ccc;
}

.top {
  box-shadow: 0 -5px 5px -5px #333;
}

.right {
  box-shadow: -5px 0 5px -5px #333;
}

.bottom {
  box-shadow: inset 0 5px 5px -5px #333;
}

.left {
  box-shadow: 5px 0 5px -5px #333;
}

.all {
  box-shadow: 0 0 5px #333;
}