/*!***************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/style.scss ***!
  \***************************************************************************************************************************************************************************************************************************************/
.ghub-show-more-content {
  margin: 0 !important;
  /** Handling Justification **/
}
.ghub-show-more-content.justify-content-left .ghub-show-more-content-button-wrapper {
  justify-content: flex-start;
}
.ghub-show-more-content.justify-content-right .ghub-show-more-content-button-wrapper {
  justify-content: flex-end;
}
.ghub-show-more-content.justify-content-center .ghub-show-more-content-button-wrapper {
  justify-content: center;
}
.ghub-show-more-content .ghub-show-more-content-button-wrapper {
  display: flex;
  margin-top: 10px;
}
.ghub-show-more-content .ghub-show-more-content-button-wrapper .ghub-show-more-content-button {
  cursor: pointer;
  color: var(--ghub-show-more-button-color, #ffffff);
  background: var(--ghub-show-more-button-bg-color, var(--ghub-show-more-button-gradient-color, #000000));
  padding-top: var(--ghub-show-more-button-padding-top);
  padding-right: var(--ghub-show-more-button-padding-right);
  padding-bottom: var(--ghub-show-more-button-padding-bottom);
  padding-left: var(--ghub-show-more-button-padding-left);
  border-top-left-radius: var(--ghub-show-more-button-top-left-radius);
  border-top-right-radius: var(--ghub-show-more-button-top-right-radius);
  border-bottom-left-radius: var(--ghub-show-more-button-bottom-left-radius);
  border-bottom-right-radius: var(--ghub-show-more-button-bottom-right-radius);
  border-top: var(--ghub-show-more-button-border-top);
  border-right: var(--ghub-show-more-button-border-right);
  border-bottom: var(--ghub-show-more-button-border-bottom);
  border-left: var(--ghub-show-more-button-border-left);
}
.ghub-show-more-content .ghub-show-more-content-button-wrapper .ghub-show-more-content-button:hover {
  color: var(--ghub-show-more-button-hover-color, var(--ghub-show-more-button-color, #ffffff));
  background: var(--ghub-show-more-button-hover-bg-color, var(--ghub-show-more-button-hover-gradient-color, var(--ghub-show-more-button-bg-color, var(--ghub-show-more-button-gradient-color, #000000))));
}

.ghub-show-more-content {
  overflow: hidden;
}
.ghub-show-more-content.ghub-show-more-content-fade-effect .ghub-show-more-content-wrapper::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  z-index: 11;
  background: linear-gradient(rgba(255, 255, 255, 0) calc(50% - var(--ghub-show-more-fade-opacity-height)), var(--ghub-show-more-fade-color, #ffffff) 100%);
}
.ghub-show-more-content .ghub-show-more-content-wrapper {
  transition: var(--ghub-show-more-transition);
  overflow: hidden;
  position: relative;
}

/*# sourceMappingURL=style-index.css.map*/