/*--- button block ----*/

.wp-block-buttons {
	margin:.8em 0;
	width:100%;
}

.wp-element-button {
	display:inline-block; 
	padding:0.5em 0.9em;
	color:white;
	text-decoration:none;
	background: linear-gradient(180deg, rgba(39, 147, 208, 0.65) 0%, rgba(39, 147, 208, 0) 100%), #114A83;
	box-shadow: 0px 2px 0px #000000;
	border-radius: 8px;
	cursor:pointer;
	transition:60ms ease-out;
}

.wp-element-button:hover {text-decoration:none; filter:brightness(1.09); box-shadow: 0px 3px 0px #000000; translate: 0 -1px;}

.wp-element-button:active {
	translate:0 1px;
	box-shadow: 0px 1px 0px #000000;
	filter:brightness(1.05); 
	transition:0ms ease-out;
}
.wp-element-button:after {
	filter: brightness(20)
}

/*.wp-block-buttons>.wp-block-button.wp-block-button__width-100 { width:100%; flex-basis:100%}*/
.wp-block-buttons.is-vertical>.wp-block-button.wp-block-button__width-25 { width:25%}
.wp-block-buttons.is-vertical>.wp-block-button.wp-block-button__width-50 { width:50%}
.wp-block-buttons.is-vertical>.wp-block-button.wp-block-button__width-75 { width:75% }
.wp-block-buttons.is-vertical>.wp-block-button.wp-block-button__width-100  {width:100%;}
.wp-block-buttons {gap:4px;}



/*-- buttons with custom width ---*/
.has-custom-width .wp-element-button { width:100%; height:100%; text-align:center; flex-shrink:1;}
.wp-block-button__width-25 {flex-basis:25%;  flex-basis:calc(25% - var(--wp--style--block-gap, .5em)*.75); }
.wp-block-button__width-50 {flex-basis:50%; flex-basis:calc(50% - var(--wp--style--block-gap, .5em)*.5); }
.wp-block-button__width-75 {flex-basis:75%; flex-basis:calc(75% - var(--wp--style--block-gap, .5em)*.25); }
.wp-block-button__width-100 {flex-basis:100%}

@media( max-width:500px ) {
	.wp-block-button { min-width: min(100%,210px); flex-grow: 1; }
}