/**
 * Hover Boxes 
*/
.has-hover-box {
  cursor: pointer;
  position: relative;
}
.has-hover-box::before {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.3) 7%, transparent 28%);
}
.has-hover-box .hover-box--inner {
  visibility: hidden;
}
.has-hover-box .has-active-hover-box .hover-box--inner {
  visibility: visible;
}

@media screen and (max-width: 768px) {
  [class~=et_pb_text].has-hover-box {
    padding: 2em !important;
    padding-left: 2em !important;
    padding-top: 2em !important;
    padding-bottom: 2em !important;
    padding-right: 2em !important;
  }
  [class~=et_pb_text].has-hover-box::before {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.7) 30%, transparent 70%);
  }
  [class~=et_pb_text].has-hover-box .hover-box--inner {
    visibility: visible;
  }
}