.flo-block-button {
	text-align: center;
	margin-top: var(--top-margin);
	margin-bottom: var(--bottom-margin);
	@media print, screen and (max-width: 767px) {
		margin-top: var(--mobile-top-margin);
		margin-bottom: var(--mobile-bottom-margin);
	}

	.flo-generic-button {
		transition: color 0.5s, background-color 0.5s;
		transition-timing-function: ease, ease;
		transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
		user-select: none;
		cursor: pointer;
		outline: none;
		display: inline-block;
		border-radius: var(--border-radius);

		display: inline-block;
		&[data-font=''] {
			font-family: var(--flo-button-font-family);
			font-size: var(--flo-button-font-size);
			line-height: var(--flo-button-line-height);
			letter-spacing: var(--flo-button-letter-spacing);
			font-style: var(--flo-button-font-style);
			font-weight: var(--flo-button-font-weight);
		}

		&.flo-generic-button--custom {
			color: var(--label-color);
			background-color: var(--background-color);
			&:hover {
				color: var(--label-hover-color);
				background-color: var(--background-hover-color);
			}
			&:active,
			&:focus {
				color: var(--label-color);
				box-shadow: none;
			}
		}

		&:active,
		&:focus {
			box-shadow: none;
		}
	}
}
