.featured-buttons.parishBtns {
    position: relative;
    background: white;
    padding: 25px 0;
    text-align: center;
    .parish-scroll-title {
      margin-top: 0;
    }
    .featured-buttons-wrapper.parishButtons {
        display: flex;
        text-align: left;
        padding: 0 0rem;
        .slick-track {
            height: auto;
            display: flex;
            .slick-slide {
                height: inherit;
            }
        }
        .featured-button {
            display: block;
            font-size: var(--fs-500);
            font-family: var(--font-main);
            margin: 0 0.5rem;
            width: 250px;
            border-radius: 17px;
            position: relative;
            background-size: cover;
            overflow: hidden;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            img {
              height: 200px;
              overflow: hidden;
              object-fit: cover;
              border-radius: 17px 17px 0 0;
              width: 100%;
              @media screen and (min-width: 768px) {
                /* height: 250px; */
              }
            }
            .button-title, p {
              margin: 0;
              position: relative;
              left: unset;
              transform: unset;
              text-align: left;
            }
            .button-title {
              margin: 1.5% 5%;
              font-size: clamp(18px,3.5vw,26px);
              text-transform: none;
              font-weight: 700;
            }
            p {
                font-size: clamp(16px,2.25vw,21px);
            }
            a {
                font-size: clamp(14px,2.25vw,19px);
            }
            h1 {
              bottom: 0;
              position: absolute;
              left: 10%;
              z-index: 1;
            }
            &::after {
              content: none;
            }
        }
        .slick-prev, .slick-next {
          bottom: -15%;
          background: var(--clr-primary);
          border-color: var(--clr-primary);
          border-radius: 8px;
          &::before {
            color: #fff;
          }
        }
        .slick-prev {
          right: 0;
          left: 49%;
          transform: translateX(-105%);
        }
        .slick-next {
          right: 0;
          left: 51%;
          transform: translateX(5%);
        }
        @media screen and (min-width: 768px) {
            .slick-prev, .slick-next {
              border-color: white;
              color: white;
              top: calc(50% - 20px);
              transform: translateY(-50%);
              bottom: unset;
              background: transparent;
              &:hover {
                /* background-color: var(--clr-primary); */
              }
              &.slick-disabled {
                opacity: 0;
                visibility: hidden;
              }
              &::before {
                border: 1px solid white;
                padding: 7px;
                border-radius: 10px;
                font-size: 22px;
              }
              &::after {
                width: 200%;
                height: 200%;
                content: "";
                position: absolute;
                top: -50%;
                right: 0;
                bottom: 0;
                left: -50%;
                background: #404040;
                opacity: 0.6;
                border-radius: 15px;
                transition: opacity 0.4s ease;
                z-index: -1;
              }
              &:hover::after {
                opacity: 0.8;
              }
            }
            .slick-next {
              right: 1%;
              left: unset;
            }
            .slick-prev {
              left: 1%;
            }
        }

        /* &.parishButtons { */
        a {
          text-decoration: none;
        }
        .featured-button {
          /* width: 47% !important; */
        }
        /* } */
    }
    .featured-button + .featured-button {
      margin-top: 0;
    }
    .featured-button-icon {
        margin-right: 1rem;
    }
}

@media screen and (min-width: 1024px) {
    .featured-buttons.parishBtns {
        margin-bottom: 2rem;
        padding: 0 0 25px;
        .featured-buttons-wrapper {
            display: flex;
            flex-direction: row;
            justify-content: space-evenly;
        }
        .parishButtons {
          display: block !important
        }
        .featured-button {
            /* height: 300px; */
        }
        .featured-button + .featured-button {
            margin-top: 0;
        }
    }
}
  
.featured-buttons.parishBtns {
    .featured-buttons-wrapper.parishButtons {
      height: 490px;
      @media screen and (min-width: 768px) {
        height: 520px;
      }
      @media screen and (min-width: 1024px) {
        height: 500px;
        .slick-list {
          height: 500px;
        }
      }
        .featured-button {
          position: relative;
          float: left;
          background-position: center center;
          background-repeat: no-repeat;
          background-size: cover;
          text-decoration: none;
          height: 450px;
          border-radius: 10px;
          box-shadow: var(--box-shadow);
          @media screen and (min-width:768px){
            height: 540px;
          }
          @media screen and (min-width:1024px){
            /* height: 570px; */
          }
          * {
              z-index: 1;
          }
          .button-masses {
            margin: 2px 9%;
            display: flex;
            justify-content: space-between;
            p {
              width: 50%;
            }
            &.contact-mass {
              display: flex;
              margin-top: 1.5%;
              margin-bottom: 5%;
              .contact-mass-bottom {
                display: flex;
                /* flex-direction: column; */
                  justify-content: space-between;
                flex-wrap: wrap;
                @media screen and (min-width: 675px){
                  flex-direction: row;
                  /* width: 100%; */
                  flex-wrap: nowrap;
                }
              }
              .mass-links {
                width: 50%;
              }
              a.mass-link::after {
                /* content: '\f061'; */
                font-family: "Font Awesome 5 Free";
                font-weight: 700;
                font-size: 20px;
              }
            }
          }
        }
    }
    
    @media screen and (min-width: 1200px) {
        .featured-button {
            /* width: calc((100% / 3) - 1.25rem) !important; */
            margin-right: 1.75rem;
        }
    
        .featured-button:nth-of-type(odd),
        .featured-button:nth-of-type(even) {
            margin-right: 1.75rem;
        }
    }
}
