.infoslider {
  padding: .25rem;
  @media (min-width: 1280px) {
    padding-left: 4rem;
    padding-right: 4rem;
  }
  .slick__arrow {
    height: 2rem;
    position: absolute;
    z-index: 2;
    top: 50%;
    bottom: auto;
    margin-top: -1px;
    transform: translateY(-50%);
    pointer-events: none;
    @media (min-width: 640px) {
      height: 3rem;
    }
    &.previous {
      right: auto;
      left: 0;
    }
    &.next {
      left: auto;
      right: 0;
    }
    .svg-inline--fa {
      height: 1.25rem;
      width: 1.25rem;
      margin: auto;
      opacity: .4;

      &:hover {
        cursor: pointer;
        --tw-shadow: 0px 0px 2px 2px #5ca0ff;
        --tw-shadow-colored: 0px 0px 2px 2px var(--tw-shadow-color);
        box-shadow: 0 0 transparent, 0 0 transparent, var(--tw-shadow);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
      }
    }
  }
  .slick__slider {
    margin: 0 3.25rem;
    @media (min-width: 640px) {
      margin: 0 4.25rem;
    }
    .slick-list {
      padding: 0;
      margin: 0 -5px;
      @media (min-width: 800px) {
        padding-right: calc(20vw - 9.5rem);
        margin: 0;
      }
      @media (min-width: 1280px) {
        padding-right: calc(50vw - 17.5rem);
      }

      .slick-slide {
        margin-left: 5px;
        margin-right: 5px;
        @media (min-width: 880px) {
          margin-right: 1rem;
          margin-left: 0;
        }
        .news-card {
          @media (max-width: 880px) {
            box-shadow: none;
          }
          article {
            max-width: 100%;
            text-align: left;
            &.media {
              aspect-ratio: 3/4;
              height: 100%;
              padding: 0;
            }
            @media (min-width: 640px) {
              flex-direction: row;
            }
          }
          .news-card {
            text-align: left;
            .news-card__content {
              gap: 1.5rem;
            }
          }
          img {
            height: 100%;
          }
          .node-page {
            article {
              width: 100%;
            }
          }
          .btn-secondary {
            color: rgba(var(--primary, 0, 0, 0), var(--tw-bg-opacity));
            border-color: rgba(var(--primary, 0, 0, 0), var(--tw-bg-opacity));
            &:hover {
              border-color: rgba(var(--primary, 0, 0, 0), var(--tw-bg-opacity));
              color: white
            }
            &:focus {
              border-color: #e65215;
              color: white;
              color: rgba(var(--primary, 0, 0, 0), var(--tw-bg-opacity));
            }
            &:active {
              border-color: #2c727d;
              background-color: #2c727d;
              color: white;
            }
          }
        }
      }
    }
  }
}