.block-featured-single {
  display: flex;
  flex-direction: column;
  gap: 1rem
}

@media (min-width: 768px) {
  .block-featured-single {
    flex-direction: row
  }
}

@media (min-width: 1024px) {
  .block-featured-single {
    gap: 2.5rem
  }
}

.block-featured-single > h5 {
    display: block;
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.5rem;
    margin-bottom: 0.5rem;
    color: var(--primary-700, #2471CB);
  }

@media (min-width: 768px) {
    .block-featured-single > h5 {
      display: none
    }
  }

.block-featured-single > img {
    border-radius: 0.5rem;
  }

.block-featured-single .block-featured-single__flex {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
  }

.block-featured-single .block-featured-single__flex > h5 {
      display: none;
      font-weight: 700;
      font-size: 1.25rem;
      line-height: 1.75rem;
      margin-bottom: 0.5rem;
    }

@media (min-width: 768px) {
      .block-featured-single .block-featured-single__flex > h5 {
        display: block
      }
    }

.block-featured-single .block-featured-single__flex > h2 {
      margin-bottom: 1rem;
      --tw-text-opacity: 1;
      color: rgba(0, 0, 0, var(--tw-text-opacity));
    }

.block-featured-single .block-featured-single__flex > p {
      margin-bottom: 0.75rem;
    }

.block-featured-single .block-featured-single__flex > a {
      background-color: var(--primary-700, #2471CB);
      border-color: var(--primary-700, #2471CB);
      border-width: 1px;
      cursor: pointer;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      font-weight: 700;
      margin-top: 1rem;
      padding-top: 0.75rem;
      padding-bottom: 0.75rem;
      padding-left: 1.5rem;
      padding-right: 1.5rem;
      --tw-text-opacity: 1;
      color: rgba(255, 255, 255, var(--tw-text-opacity));
      width: 100%
    }

@media (min-width: 768px) {
      .block-featured-single .block-featured-single__flex > a {
        width: auto
      }
    }

.block-featured-single .block-featured-single__flex > a svg {
        display: inline-block;
        margin-left: 1rem;
        fill: currentColor;
      }
