.gutenberg-button {
	--pocket--light__btn-primary--color: #000000;
    --pocket--light__btn-primary--color__hover: #000000;
    --pocket--light__btn-primary--background: #ffba40;
    --pocket--light__btn-primary--background__hover: #ffa505;

    --pocket--light__btn-secondary--color: #22bcad;
    --pocket--light__btn-secondary--color__hover: #ffffff;
    --pocket--light__btn-secondary--background: transparent;
    --pocket--light__btn-secondary--background__hover: #22bcad;
	
	--pocket--light__toolbar-btn--color: transparent;
	--pocket--light__toolbar-btn--color__hover: transparent;
	
	margin: calc(var(--bs-gutter-y) / 2) var(--bs-gutter-x) calc(var(--bs-gutter-y) / 2) 0;
}
.wpcf7 .gutenberg-button .btn,
.gutenberg-button .btn {
	--gutenberg-button--height: 61px;
	
	display: inline-flex;
	align-items: center;
	white-space: nowrap;
	width: auto;
	height: var(--gutenberg-button--height); 
	text-align: center;
    -webkit-border-radius: calc(var(--gutenberg-button--height) / 2);
    border-radius: calc(var(--gutenberg-button--height) / 2);
	padding: 0 calc(var(--gutenberg-button--height) / 2) !important;
	transition: transform .3s, color .3s, background-color .3s, border-color .3s;
}
.gutenberg-button .btn:hover,
.gutenberg-button .btn:focus,
.gutenberg-button .btn:active {
	transform: scale(1.1);
}
.gutenberg-button .btn.btn-primary {
	background-color: var(--pocket--light__btn-primary--background) !important;
    color: var(--pocket--light__btn-primary--color) !important;
    border-color: var(--pocket--light__btn-primary--background) !important;
}
.gutenberg-button .btn.btn-secondary {
	background-color: var(--pocket--light__btn-secondary--background) !important;
    color: var(--pocket--light__btn-secondary--color) !important;
    border-color: var(--pocket--light__btn-secondary--background) !important;
}
.gutenberg-button .btn.btn-primary:hover,
.gutenberg-button .btn.btn-primary:focus,
.gutenberg-button .btn.btn-primary:active {
	background-color: var(--pocket--light__btn-primary--background__hover) !important;
    border-color: var(--pocket--light__btn-primary--background__hover) !important;
    color: var(--pocket--light__btn-primary--color__hover) !important;
}
.gutenberg-button .btn.btn-secondary:hover,
.gutenberg-button .btn.btn-secondary:focus,
.gutenberg-button .btn.btn-secondary:active {
	background-color: var(--pocket--light__btn-secondary--background__hover) !important;
    border-color: var(--pocket--light__btn-secondary--background__hover) !important;
    color: var(--pocket--light__btn-secondary--color__hover) !important;
}
.gutenberg-button .btn > span,
.gutenberg-button .btn > input[type="submit"] {
	display: inline-block;
	height: auto;
    background: transparent !important;
	margin: auto;
	transition: none;
	font-weight: 500;
}
.gutenberg-button .btn:hover > span {
    background: transparent !important;
}