.dcatl-terms-wrapper {
  &.dcatl-custom-height li .dcatl-term-item {
    height: var(--dcatl-wrapper-height);
  }

  &.dcatl-style-2 {
    .dcatl-term-item {
      position: relative;
      color: #fff;
      overflow: hidden;
      box-shadow: 0px 10px 20px -9px var(--dcatl-wrapper-boxshadow-color);
      transition:
      box-shadow 0.4s,
      transform 0.4s;
      height: 100%;
      // margin: var(--dcatl-content-wrapper-margin);
      padding: var(--dcatl-content-wrapper-padding);
      background-position: center;
      background-size: var(--dcatl-img-bg-size);
      background-repeat: no-repeat;

      a {
        text-decoration: none;
        transition: text-shadow 0.2s;
        &:hover {
          text-shadow: 0px 8px 20px rgba(0, 0, 0, 0.95);
        }
      }

      .dcatl-term-badge {
        right: 5px;
      }

      .dcatl-term-title-wrapper {
        text-align: center;
        position: relative;
        z-index: 20;
        width: 100%;
        // top: 10px;
        top: 40%;
        left: 0;
        transition: top 0.6s;

        .dcatl-term-title {
          font-weight: 400;
          letter-spacing: 1px;
          margin: 0;

          a {
            text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
            transition: text-shadow 0.2s;
          }
        }
      }

      .dcatl-term-description {
        bottom: -40px;
        line-height: 24px;
        opacity: 0;
        transition:
          bottom 0.64s,
          opacity 0.63s cubic-bezier(0.33, 0.66, 0.66, 1);

        p {
          margin-bottom: 0;
        }
      }

      .dcatl-term-button-wrapper {
        z-index: 21;
        transition:
          bottom 0.64s,
          opacity 0.63s cubic-bezier(0.33, 0.66, 0.66, 1);
        bottom: -100%;
        opacity: 0;
      }

      &:hover {
        &.dcatl_enable_wrapper_shadow {
          box-shadow: 0px 18px 20px -9px var(--dcatl-wrapper-boxshadow-hover-color);
        }

        .dcatl-term-description,
        .dcatl-term-button-wrapper {
          opacity: 1;
          bottom: 0%;
        }

        .dcatl-term-title-wrapper {
          top: 0%;
        }
      }
    }
  }
}
