.product-details-page .full-description,
.product-documentation-body,
.topic-block,
.topic-page {
  line-height: 24px;
  list-style: revert;
}

.category-description ul, .manufacturer-description ul, .full-description ul, .topic-block ul, .topic-page ul, .post-body ul {
  margin: 12px 0;
  padding: 0 0 0 36px !important;
  list-style: revert;
}

.product-details-page .full-description .buttons .item-box-buttons a button {
  width: 100%;
}

.category-description ol,
.manufacturer-description ol,
.full-description ol,
.topic-block ol,
.topic-page ol,
.post-body ol {
  margin: 12px 0;
  padding: 0 0 0 36px !important;
  list-style: revert;
}

.product-details-page .full-description p,
.product-documentation-body p,
.topic-block p,
.topic-page p,
.product-details-page .full-description ul,
.product-documentation-body ul,
.topic-block ul,
.topic-page ul,
.product-details-page .full-description div,
.product-documentation-body div,
.product-details-page .full-description ol,
.product-documentation-body ol,
.topic-block ol,
.topic-page ol {
  margin-bottom: 16px !important;
}

.product-details-page .full-description blockquote,
.product-documentation-body blockquote,
.topic-block blockquote,
.topic-page blockquote {
  border: 1px solid var(--clr-gray-g200) !important;
  padding: 16px;
  background: var(--clr-gray-g100) !important;
  border-radius: 6px;
}

.product-details-page .full-description strong,
.product-documentation-body strong,
.topic-block strong,
.topic-page strong {
  font-weight: 700 !important;
}

.product-details-page .full-description a,
.product-documentation-body a,
.topic-block a,
.topic-page a {
  color: var(--clr-primary);
}

/*.product-details-page .full-description ol,*/
/*.product-documentation-body ol,*/
/*.topic-block ol,*/
/*.topic-page ol {*/
/*  list-style: decimal !important;*/
/*  padding-left: 40px;*/
/*  margin-left: 0;*/
/*}*/

/*.product-details-page .full-description ul,*/
/*.product-documentation-body ul,*/
/*.topic-block ul,*/
/*.topic-page ul {*/
/*  list-style: unset !important;*/
/*  padding-left: 40px;*/
/*  margin-left: 0;*/
/*}*/

.product-details-page .full-description .buttons,
.product-documentation-body .buttons,
.topic-block .buttons,
.topic-page .buttons {
  padding: 16px;
  border-radius: 6px;
  background: var(--clr-gray-g100);
}

.product-details-page .full-description .buttons .item-box-buttons,
.product-documentation-body .buttons .item-box-buttons,
.topic-block .buttons .item-box-buttons,
.topic-page .buttons .item-box-buttons {
  display: flex;
  gap: 16px;
  justify-content: center;
  flex-direction: column;
  margin-bottom: 0;
}

.product-details-page .full-description .buttons .item-box-buttons .product-box-live-view-button,
.product-documentation-body .buttons .item-box-buttons .product-box-live-view-button,
.topic-block .buttons .item-box-buttons .product-box-live-view-button,
.topic-page .buttons .item-box-buttons .product-box-live-view-button,
.product-details-page .full-description .buttons .item-box-buttons .product-box-doc-view-button,
.product-documentation-body .buttons .item-box-buttons .product-box-doc-view-button,
.topic-block .buttons .item-box-buttons .product-box-doc-view-button,
.topic-page .buttons .item-box-buttons .product-box-doc-view-button {
  padding: 16px 32px;
  text-align: center;
  font-size: inherit;
  color: var(--clr-white);
  text-transform: capitalize;
  border: 1px solid transparent;
  border-radius: 6px;
  outline: none;
  transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
}

.product-details-page .full-description .buttons .item-box-buttons .product-box-live-view-button:hover,
.product-documentation-body .buttons .item-box-buttons .product-box-live-view-button:hover,
.topic-block .buttons .item-box-buttons .product-box-live-view-button:hover,
.topic-page .buttons .item-box-buttons .product-box-live-view-button:hover,
.product-details-page .full-description .buttons .item-box-buttons .product-box-doc-view-button:hover,
.product-documentation-body .buttons .item-box-buttons .product-box-doc-view-button:hover,
.topic-block .buttons .item-box-buttons .product-box-doc-view-button:hover,
.topic-page .buttons .item-box-buttons .product-box-doc-view-button:hover {
  box-shadow: 0 14px 20px 0 rgba(37, 17, 124, 0.16);
}

.product-details-page .full-description .buttons .item-box-buttons .product-box-live-view-button,
.product-documentation-body .buttons .item-box-buttons .product-box-live-view-button,
.topic-block .buttons .item-box-buttons .product-box-live-view-button,
.topic-page .buttons .item-box-buttons .product-box-live-view-button {
  color: var(--clr-primary);
  background-color: var(--clr-white);
  border-color: var(--clr-gray-g200);
}

.product-details-page .full-description .buttons .item-box-buttons .product-box-live-view-button:hover,
.product-documentation-body .buttons .item-box-buttons .product-box-live-view-button:hover,
.topic-block .buttons .item-box-buttons .product-box-live-view-button:hover,
.topic-page .buttons .item-box-buttons .product-box-live-view-button:hover {
  color: var(--clr-white);
  background-color: var(--clr-primary);
  border: 1px solid transparent;
}

.product-details-page .full-description .buttons .item-box-buttons .product-box-doc-view-button,
.product-documentation-body .buttons .item-box-buttons .product-box-doc-view-button,
.topic-block .buttons .item-box-buttons .product-box-doc-view-button,
.topic-page .buttons .item-box-buttons .product-box-doc-view-button {
  color: var(--clr-white);
  background-color: var(--clr-primary);
}

.product-details-page .full-description .buttons .item-box-buttons .product-box-doc-view-button a,
.product-documentation-body .buttons .item-box-buttons .product-box-doc-view-button a,
.topic-block .buttons .item-box-buttons .product-box-doc-view-button a,
.topic-page .buttons .item-box-buttons .product-box-doc-view-button a {
  color: var(--clr-white);
}


/* Media Query */
@media only screen and (min-width: 576px) {
  .product-details-page .full-description p,
  .product-details-page .full-description ul,
  .product-details-page .full-description div,
  .product-details-page .full-description ol {
    margin-bottom: 24px !important;
  }

  .product-details-page .full-description strong {
    font-weight: 700 !important;
  }

  .product-details-page .full-description .buttons {
    padding: 24px;
  }

  .product-details-page .full-description .buttons .item-box-buttons {
    flex-direction: row;
    margin-bottom: 0 !important;
  }
}