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

.varbase-featured-card {

  .card-title {
    margin-top: 0;
  }

  &.anchor-all {
    position: relative;

    .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;
    }
  }

}
