/*
  ******************************
  CSS for registered block styles.
  See styles/register-block-styles.php.
  ******************************
 */

 /* Buttons */




 .is-style-small-button .wp-block-button__link,
 .is-style-small-button .wp-block-button__link:visited {
     /* border-color: var(--wp--preset--color--contrast);
     color: var(--wp--preset--color--contrast); */
     padding: 5px 15px;
     /* background-color: transparent; */
     transition: all 0.35s;
 } 
 .is-style-small-outline-button .wp-block-button__link,
 .is-style-small-outline-button .wp-block-button__link:visited {
     border-color: currentColor; 
     padding: 5px 15px;
     transition: all 0.35s;
 } 
 
/* .is-style-small-button .wp-block-button__link:focus,
 .is-style-small-button .wp-block-button__link:hover {
     color: var(--wp--preset--color--base);
     border-color: var(--wp--preset--color--contrast);
     background-color: var(--wp--preset--color--contrast);
 } */


 .is-style-spacer-large-responsive {
     height: 150px !important;
     margin-top: 0;
 } 
 .is-style-spacer-medium-responsive {
     height: 100px !important;
     margin-top: 0;
 } 
 .is-style-spacer-small-responsive {
     height: 75px !important;
     margin-top: 0;
 } 



/*
  ******************************
  CSS for registered block styles for mobile.
  See styles/register-block-styles.php.
  ******************************
 */

/* Medium devices (tablets, less than 992px) */
@media screen and (max-width: 991px) {

    .is-style-spacer-large-responsive {
        height: 120px !important;
    } 
    .is-style-spacer-medium-responsive {
        height: 80px !important;
    } 
    .is-style-spacer-small-responsive {
        height: 60px !important;
    } 
    
}


/* Small devices (landscape phones, less than 767px) */
@media screen and (max-width: 767px) { 

    .is-style-spacer-large-responsive {
        height: 100px !important;
    }
    .is-style-spacer-medium-responsive {
        height: 70px !important;
    }  
    .is-style-spacer-small-responsive {
        height: 55px !important;
    }  

}

/* Extra small devices (portrait phones, less than 576px) */
@media screen and (max-width: 575px) { 

    .wp-block-button.is-style-small-button, .wp-block-button.is-style-small-button .wp-block-button__link {
        width: 100%;
    } 
    .wp-block-button.is-style-small-outline-button, .wp-block-button.is-style-small-outline-button .wp-block-button__link {
        width: 100%;
    } 

    .is-style-spacer-large-responsive {
        height: 75px !important;
    }
    .is-style-spacer-medium-responsive {
        height: 60px !important;
    }  
    .is-style-spacer-small-responsive {
        height: 50px !important;
    }  

}