.static-variant ._block-card-slider-wrapper::-webkit-scrollbar {
    display: none;
}

@media screen and (max-width: 768px) {
    .static-variant
        ._block-card-slider-wrapper._block-card-slider-wrapper-innerblocks
        > ._card-slider-group._group-block {
        flex: 0 0 80vw !important;
        max-width: unset !important;
    }
}

.card-slider-main {
    h3 {
        font-size: 18px;
    font-style: normal;
    font-weight: 500;
    font-family: Roboto, sans-serif;
    line-height: 140%; 
    transition: all 300ms ease;
    }
   button {
   height: 36px;
    width: 70px;
    margin-left: 10px;

    top: -3px;
    --tw-content: '';
    content: '';
background-image: url("data:image/svg+xml,%3Csvg width='42' height='84' viewBox='0 0 42 84' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M29.7855 20.3812C30.1271 20.7228 30.127 21.2768 29.7855 21.6185L21.0003 30.4036L19.763 29.1663L27.054 21.8753H11.9583V20.1253H27.055L19.763 12.8333L21.0003 11.596L29.7855 20.3812Z' fill='%23231F20'/%3E%3Cpath d='M29.7853 62.3812C29.9493 62.5453 30.0411 62.7683 30.0411 63.0004C30.041 63.2322 29.9492 63.4545 29.7853 63.6185L21.0001 72.4036L19.7628 71.1663L27.0538 63.8753H11.958V62.1253H27.0547L19.7628 54.8333L21.0001 53.596L29.7853 62.3812Z' fill='%23231F20'/%3E%3C/svg%3E");
    background-color: transparent;
    background-size: 56px 72px;
    background-position: center top;
    background-repeat: no-repeat;
    transition: all 300ms ease;
    position: relative;
 
}

button:hover {
      background-position: center bottom;
}
.button-box {
  position: absolute;
   overflow: hidden;
  width: 80px;
  padding-top: 20px;
 
  isolation: isolate;
  right:0;
  bottom: 0;

}

.individual-card {
    position: relative;
    transition: all 300ms ease;
}
 .article-card-image {
    transition: all 300ms ease;
    background-size: 100%;
 }
 .sub-title {
        font-family: var(--wp--preset--font-family--geist-mono) !important;
        font-size: 14px;
        text-transform: uppercase;
        transition: all 300ms ease;
}
.tag-item {
    background-color: #F5F5F3;
    color: #231F20;
       font-family: var(--wp--preset--font-family--geist-mono) !important;
        font-size: 14px;
        text-transform: uppercase;
        transition: all 300ms ease;

}
.individual-card:hover {
    background-color: #231F20;
    transition: all 300ms ease;
    .article-card-image {
        background-size: 110%;
    }
    h3 {
        color: white;
    }

.button-box::before {
        background-color: #E1FE64;
    }
    button {
       
           background-position: center bottom;
    }
    .sub-title {
        color: #ADB2B3;
    }
  
    
}
}



.card-slider-main .button-box::before {
  z-index:-1;
 transform: skewX(-12deg);
  background-color: white;
  content: "";
  width: 100px;
  height: 110px;
  position: absolute;
  left: 0;
  top: 5px;
  border-radius: 3px;
    border: 1px solid #E5E6E8;
}

.child_cols2 .wp-block-acf-card-slider-group,
.child_cols2 ._card-slider-group {
    flex: 1 1 calc(50% - 15px);
    max-width: calc(50% - 15px);
}
.child_cols3 .wp-block-acf-card-slider-group,
.child_cols3 ._card-slider-group {
    flex: 1 1 calc(33.3333333333% - 20px);
    max-width: calc(33.3333333333% - 20px);
}
.child_cols4 .wp-block-acf-card-slider-group,
.child_cols4 ._card-slider-group {
    flex: 1 1 calc(25% - 22.5px);
    max-width: calc(25% - 22.5px);
}