@charset "UTF-8";

@media print, screen
{

.cblock-button1,
.cblock-editor .cblock-button1
{
	--cblock-button1-margin: 0;
	--cblock-button1-color1: unset;
	--cblock-button1-color2: unset;
	--cblock-button1-color3: unset;
	--cblock-button1-color4: unset;
	--cblock-button1-color5: unset;
	--cblock-button1-borderW1: 2;
	--cblock-button1-borderR1: 40;
	--cblock-button1-buttonW1: 300;
	--cblock-button1-buttonH1: 80;
	--cblock-button1-shadowC1: unset;
	--cblock-button1-shadowX1: 0;
	--cblock-button1-shadowY1: 0;
	--cblock-button1-shadowB1: 0;
	--cblock-button1-shadowC2: unset;
	--cblock-button1-shadowX2: 0;
	--cblock-button1-shadowY2: 0;
	--cblock-button1-shadowB2: 0;

	width: 100%;
}
.cblock-button1 a,
.cblock-editor .cblock-button1 .a
{
	position: relative;
	display: flex;	flex-direction: column;	justify-content: center;	align-items: center;
	width: calc(var(--cblock-button1-buttonW1) * var(--v));	max-width: 100%;
	height: calc(var(--cblock-button1-buttonH1) * var(--v));

	padding: 0.1em calc(10 * var(--v)) 0.23em;
	margin: var(--cblock-button1-margin);

	background: var(--cblock-button1-color1);
	border: calc(var(--cblock-button1-borderW1) * 1px) solid var(--cblock-button1-color2);
	border-radius: calc(var(--cblock-button1-borderR1) * var(--v));

	box-shadow: calc(var(--cblock-button1-shadowX1) * var(--v)) calc(var(--cblock-button1-shadowY1) * var(--v)) calc(var(--cblock-button1-shadowB1) * var(--v)) var(--cblock-button1-shadowC1);
}

.cblock-button1 p{	margin: 0 !important;	}

}
@media screen and (min-width: 768px)
{

.cblock-button1 a,
.cblock-editor .cblock-button1 .a
{	transition: var(--T02);	}

.cblock-button1 a:hover,
.cblock-editor .cblock-button1 .a:hover
{
	background: var(--cblock-button1-color4);
	border-color: var(--cblock-button1-color5);

	box-shadow: calc(var(--cblock-button1-shadowX2) * var(--v)) calc(var(--cblock-button1-shadowY2) * var(--v)) calc(var(--cblock-button1-shadowB2) * var(--v)) var(--cblock-button1-shadowC2);
}

.cblock-button1 p{	transition: var(--T02);	}
.cblock-button1 a:hover p,
.cblock-editor .cblock-button1 .a:hover p
{	color: var(--cblock-button1-color3) !important;	}

}
@media screen and (max-width: 767px)
{

.cblock-button1 a,
.cblock-editor .cblock-button1 .a
{
	width: calc(var(--cblock-button1-buttonW1) * var(--v) * var(--fzRatio));	max-width: 100%;
	height: calc(var(--cblock-button1-buttonH1) * var(--v) * var(--fzRatio));
	border-radius: calc(var(--cblock-button1-borderR1) * var(--v) * var(--fzRatio));
}

}

/* ======================================== end ======================================== */