.block-facebook-cta {
  background: var(--wp--preset--color--quinary);
  border-radius: var(--wp--custom--border-radius--small);
  box-shadow: var(--wp--custom--box-shadow--1);
  padding: 18px;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 12px;
}

.block-facebook-cta__title {
    font-family: var(--wp--preset--font-family--display);
    font-weight: 700;
    font-size: var(--wp--preset--font-size--large);
    line-height: var(--wp--custom--line-height--medium);
    letter-spacing: var(--wp--custom--letter-spacing--loose);
    color: var(--wp--preset--color--foreground);
    margin: 0;
}

.block-facebook-cta .wp-element-button {
	white-space: nowrap;
	margin-left: auto;
}

.block-facebook-cta__icon {
	line-height: 0;
}

.block-facebook-cta__icon svg {
	fill: var(--wp--custom--color--neutral-600);
}

.editor-styles-wrapper .block-facebook-cta a {
    pointer-events: none;
}

.block-facebook-cta a,
.editor-styles-wrapper .block-facebook-cta a {
    margin-left: auto;
    white-space: nowrap;
    background-color: var(--wp--preset--color--primary);
    color: var(--wp--preset--color--background);
    font-size: var(--wp--preset--font-size--small);
    padding: 10px var(--wp--custom--layout--padding);
    text-decoration: none;
    text-transform: uppercase;
}
.block-facebook-cta a:hover,
.editor-styles-wrapper .block-facebook-cta a:hover {
    color: var(--wp--preset--color--background);
}

@media only screen and (max-width: 600px) {
	.block-facebook-cta__icon svg {
		width: 44px;
		height: 44px;
	}
}