﻿.dwl-image-redirect {
  padding-block: 80px;
  .image-redirect {
    background-color: #1a5632;
    border-radius: 16px;

    overflow: hidden;
    img {
      height: 100% !important;
      width: 100%;
      transition: 0.3s ease-in-out;
      object-fit: cover;
    }
  }

  .image-redirect__img-wrapper {
    overflow: hidden;
    max-height: 215px;
  }

  .row {
    --bs-gutter-x: 16px;
    --bs-gutter-y: 16px;
  }

  .btn-primary {
    border: 0.094rem solid white !important;
    background: white;
    color: var(--waa-green);
  }

  .cta {
    position: static;
    padding-block: 24px;
    padding-inline: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    .btn.btn-primary {
      text-decoration: none !important;
    }

    .btn.btn-primary:hover {
      background-color: #ffcd00;
      color: #1a5632;
      border: 0.094rem solid #ffcd00 !important;
    }

    .btn-primary::after {
      display: none !important;
    }
  }

  .image {
    overflow: visible;
    position: static;
    aspect-ratio: unset;
  }

  .image::after {
    display: none;
  }

  .image:hover {
    img {
      transform: scale(1.03);
    }

    .btn.btn-primary {
      background-color: #ffcd00;
      color: #1a5632;
      text-decoration: none !important;
      border: 0.094rem solid #ffcd00 !important;
    }
  }
}

@media (max-width: 991px) {
    .dwl-image-redirect {
        padding-block: 40px;
    }
}

.image-redirect-component {
  text-decoration: none !important;
}

