/* .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) 30%, rgb(255, 255, 255) 100%);
  background: -webkit-gradient(linear, bottom, top, color-stop(30%, rgb(255, 255, 255)), color-stop(100%, rgba(255, 255, 255, 0)));
  background: -webkit-linear-gradient(bottom, rgb(255, 255, 255) 30%, rgba(255, 255, 255, 0) 100%);
  background: -o-linear-gradient(bottom, rgb(255, 255, 255) 30%, rgba(255, 255, 255, 0) 100%);
  background: -ms-linear-gradient(bottom, rgb(255, 255, 255) 30%, rgba(255, 255, 255, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#03ffffff', endColorstr='#f7f7f7', GradientType=0);
  background: linear-gradient(bottom, rgb(255, 255, 255) 30%, rgba(255, 255, 255, 0) 100%);
}

.category-view {
  position: relative;
}

.descr-show-button,
.descr-hide-button {
  /* position: absolute; */
  text-align: center;
  z-index: 2;
  height: auto;
  font-size: 15px;
  margin-top: 0px;
  margin-bottom: 20px;
  right: 0px;
  top: 62px;
  /* bottom: 60px; */
  /* margin: 0px; */
  left: unset !important;
}

.descr-show-button a,
.descr-hide-button a {
  padding: 7px 10px !important;
  margin-left: 10px;
  text-transform: uppercase;
  border-bottom: 1px solid #78b0e0;
}

.descr-show-button a:hover,
.descr-hide-button a:hover {
  border-bottom: 1px solid #346097;
}

.page-title>.action.primary {
  color: #484848;
  margin-left: 10px;
  font-size: 30px;
}

.descr-show-button a i,
.descr-hide-button a i {
  font-size: 15px;
  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;
  }
}