/* arrow-small-right */

.is-style-arrow-small-right .wp-block-button__link{
    border: 1px dashed black;
    background-color: var(--wp--preset--color--white);
    position: relative;
    background: transparent;
        width: 53px;
    height: 53px;
    font-size: 0;
}

.is-style-arrow-small-right .wp-block-button__link:hover::after{
    background: var(--wp--preset--color--white);
}

.is-style-arrow-small-right .wp-block-button__link:hover{
    background: var(--wp--preset--gradient--wp-grit-primary);
    border: 1px solid transparent;
}

.is-style-arrow-small-right .wp-block-button__link img{
 width: 17px;     
  height: 17px;
  object-fit: contain;
}

.is-style-arrow-small-right .wp-block-button__link:hover img{
 filter: brightness(0) invert(1);
}


/* arrow-medium-right */

.is-style-arrow-medium-right .wp-block-button__link{
    border: 1px dashed black;
    background-color: var(--wp--preset--color--white);
    position: relative;
    background: transparent;
        width: 61px;
    height: 61px;
    font-size: 0;
}

.is-style-arrow-medium-right .wp-block-button__link:hover::after{
    background: var(--wp--preset--color--white);
}

.is-style-arrow-medium-right .wp-block-button__link:hover{
    background: var(--wp--preset--gradient--wp-grit-primary);
    border: 1px solid transparent;
}


.is-style-arrow-medium-right .wp-block-button__link:hover img{
 filter: brightness(0) invert(1);
}

/* arrow large right  */

.is-style-arrow-large-right .wp-block-button__link{
    border: 1px dashed black;
    background-color: var(--wp--preset--color--white);
    position: relative;
    background: transparent;
        width: 70px;
    height: 70px;
    font-size: 0;
}

.is-style-arrow-large-right .wp-block-button__link:hover::after{
    background: var(--wp--preset--color--white);
}

.is-style-arrow-large-right .wp-block-button__link:hover{
    background: var(--wp--preset--gradient--wp-grit-primary);
    border: 1px solid transparent;
}


.is-style-arrow-large-right .wp-block-button__link:hover img{
 filter: brightness(0) invert(1);
}

/* media queries */

@media screen and  (max-width :450px){
  .is-style--arrow-medium-right .wp-block-button__link{
  width: 58px;
    height: 58px;
  }
  
    .is-style--arrow-large-right .wp-block-button__link{
  width: 55px;
    height: 55px;
  }
 
}