.category-description {
  margin-bottom:
}

.descr-bottom-gradient {
  z-index: 2;
  position: relative;
  height: 50px;
  margin-top: -50px;
  overflow: hidden;
  background: -moz-linear-gradient(bottom, rgb(255, 255, 255) 15%, rgb(255, 255, 255) 100%);
  background: -webkit-gradient(linear, bottom, top, color-stop(15%, rgb(255, 255, 255)), color-stop(100%, rgba(247, 247, 247, 0)));
  background: -webkit-linear-gradient(bottom, rgb(255, 255, 255) 15%, rgba(247, 247, 247, 0) 100%);
  background: -o-linear-gradient(bottom, rgb(255, 255, 255) 15%, rgba(247, 247, 247, 0) 100%);
  background: -ms-linear-gradient(bottom, rgb(255, 255, 255) 15%, rgba(247, 247, 247, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#03ffffff', endColorstr='#f7f7f7', GradientType=0);
  background: linear-gradient(bottom, rgb(255, 255, 255) 15%, rgba(247, 247, 247, 0) 100%);
}

.category-view {
  position: relative;
}

.descr-show-button,
.descr-hide-button {
  /* position: absolute; */
  z-index: 2;
  height: auto;
  font-size: 15px;
  margin-top: 0px;
  margin-bottom: 10px;
  /* right: 0px; */
  top: -48px;
  /* margin: 0px; */
}

.descr-show-button a,
.descr-hide-button a {
  padding: 7px 10px !important;
}

.descr-show-button a i,
.descr-hide-button a i {
  font-size: 13px;
  margin-left: 11px;
  position: relative;
  top: -1px;
}

@media screen and (max-width: 767px) {

  .descr-show-button,
  .descr-hide-button {
    height: auto;
    margin-bottom: 10px;
    position: initial;
  }
}