@import "../../defaults";   // Global component defaults.

.varbase-impressed-card {

  .impressed-card-content {
    &:first-child {
      margin-top: 0;
      padding-top: 0;
    }
  }

  &.anchor-all {
    position: relative;

    .impressed-card-content {
      position: static;
    }

    .card-title {
      position: static;

      a {
        position: static;

        &::before {
          position: absolute;
          content: '';
          display: block;
          overflow: hidden;
          top: 0;
          bottom: 0;
          right: 0;
          left: 0;        
          z-index: 1;
        }
      }
    }

    a.card-link,
    div.card-link > a {
      position: static;

      &::before {
        position: absolute;
        content: '';
        display: block;
        overflow: hidden;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;   
        z-index: 2;
      }
    }

    a {
      z-index: 3;
      position: relative;
    }
  }

  &.border-0 {
    .impressed-card-content {
      margin: 0;
      padding: 0;
    }
  }

  &.bordered {
    .impressed-card-content {
      margin-right: 0;
      margin-left: 0;
      padding-left: 0;
      padding-right: 0;
      padding-top: var(--bs-card-spacer-y);
      padding-bottom: 0;
    }

    &.flex-column-reverse {
      .impressed-card-content {
        padding-top: 0;
        padding-bottom: var(--bs-card-spacer-y);
      }
    }
  }

}
