/*--- Colors setup ---*/
/*--- Fonts ---*/
/*--- Spacing ---*/
/*--- Buttons ---*/
/*--- helpers ---*/
/*--- Post Box ---*/
.post-box.ct-div-block {
  display: flex;
  flex-direction: column;
  gap: 1.4375rem;
  position: relative;
  justify-content: flex-end;
  width: 100%;
}
@media (min-width: 768px) {
  .post-box.ct-div-block {
    display: flex;
    flex-direction: row;
    gap: 0.125rem;
  }
}
.post-box:hover {
  box-shadow: 0.25rem 0.25rem 0.875rem 0rem rgba(0, 0, 0, 0.2);
}
.post-box:hover .button-primary {
  color: #333333;
}
.post-box:hover .button-primary svg path {
  fill: #333333;
}
.post-box .ct-image {
  width: 100%;
  height: 13.3125rem;
  object-fit: cover;
  object-position: center;
}
@media (min-width: 768px) {
  .post-box .ct-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 20%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
}
.post-box__content {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1.5625rem;
}
@media (min-width: 768px) {
  .post-box__content {
    width: 80%;
    padding: 1.125rem 1.5625rem 1.5625rem 1.5625rem;
  }
}
.post-box__content .ct-link.button {
  padding: 0.75rem 1.875rem 0.75rem 0.9375rem;
}
.post-box__text {
  display: flex;
  flex-direction: column;
  gap: 1.125rem;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
}
.post-box__text h3.ct-headline {
  text-transform: none;
}
.post-box__text .ct-text-block {
  max-height: calc(24.08px * 3);
  overflow: hidden;
  text-overflow: ellipsis;
}
.post-box__info.ct-div-block {
  display: flex;
  flex-direction: column;
  gap: 0.3125rem;
}
.post-box__info .ct-code-block {
  display: flex;
}
.post-box__link {
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.icon-wrapper.ct-div-block {
  display: flex;
  flex-direction: row;
  gap: 0.5625rem;
  align-items: center;
}
.icon-wrapper .ct-shortcode span:not(:last-of-type)::after {
  content: ", ";
}