.p-widget-text-box {
  --size-icon: 3rem;
  --size-border: 10px;
  --padding: 1rem;
}

.p-widget-text-box__title {
  position: relative;
}

.p-widget-text-box__title-h {
  font-size: var(--v-font-size__h2);
  margin: 0;
  display: inline-block;
  color: var(--v-color__primary);
  border-bottom: var(--size-border) solid var(--v-color__primary);
}

.p-widget-text-box__icon {
  width: var(--size-icon);
  height: var(--size-icon);
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--v-color__primary);
  position: absolute;
  left: 0;
  bottom: 0;
  transform: translateY( calc( 100% - ( var(--size-border) - 1px ) ) );
}

.p-widget-text-box__img {
  max-width: 60%;
  max-height: 60%;
}

.p-widget-text-box__content {
  padding-top: var(--padding);
  padding-left: calc( var(--size-icon) + var(--padding) );
}

@media (min-width: 500px) {
  .p-widget-text-box {
    --size-icon: 4rem;
  }
}

@media (min-width: 1700px) {
  .p-widget-text-box {
    --size-icon: 5rem;
    --size-border: 15px;
    --padding: 1.5rem;
  }
}