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

 /* Buttons */


.is-style-ppower-shadow-button .wp-block-button__link,
.is-style-ppower-shadow-button .wp-block-button__link:focus,
.is-style-ppower-shadow-button .wp-block-button__link:hover,
.is-style-ppower-shadow-button .wp-block-button__link:visited {
    box-shadow: var(--wp--preset--shadow--natural)
}
.is-style-ppower-shadow-button .wp-block-button__link:active {
  box-shadow: var(--wp--custom--button-highlight)
}

.is-style-ppower-outline-white .wp-block-button__link,
.is-style-ppower-outline-white .wp-block-button__link:visited {
    border-color: rgba(255, 255, 255, 0.12);
    color: var(--wp--preset--color--base);
    background-color: transparent;
    transition: all 0.35s;
}

.is-style-ppower-outline-white .wp-block-button__link:focus,
.is-style-ppower-outline-white .wp-block-button__link:hover {
    border-color: transparent;
    background-color: var(--wp--preset--color--primary);
}



.is-style-media-rounded .wp-block-media-text__media {
    border-radius: 16px;
}

.is-style-thin-separator {
    border: 0;
    border-top: 1px solid;
}
.is-style-small-separator {
    width: 64px;
    height: 4px;
    border: none;
    border-radius: 2px;
    background-color: var(--wp--preset--color--primary);
}

.is-style-text-caption {
	color: var(--wp--preset--color--primary);
	font-size: var(--wp--preset--font-size--extra-small);
	font-weight: 700;
	line-height: 2;
	letter-spacing: 2px;
	text-transform: uppercase;
}
.is-style-text-caption:hover a {
	text-decoration: underline;
}

.is-style-text-buble {
    display: inline-block;
	font-size: 11px;
	text-transform: uppercase;
	margin-bottom: 0;
    padding: 4px 6px;
    border-radius: 0.375rem;
    background-color: var(--wp--preset--color--light-grey);
}



/*
  ******************************
  CSS for registered block styles for mobile.
  See styles/register-block-styles.php.
  ******************************
 */
/* Small devices (landscape phones, less than 781px) */
@media screen and (max-width: 781px) { 
/* reverse columns in core/columns */
	.is-style-reverse-columns-on-mobile {
		flex-direction: column-reverse;
	}
    .caption-text {
		letter-spacing: 1.45px;
	}
}