
.e-contact-buttons-var-10 {
	--e-contact-buttons-size-small: 40px;
	--e-contact-buttons-size-medium: 48px;
	--e-contact-buttons-size-large: 56px;
	--e-contact-buttons-svg-size-small: 20px;
	--e-contact-buttons-svg-size-medium: 24px;
	--e-contact-buttons-svg-size-large: 28px;
	--e-contact-buttons-svg-size: var(--e-contact-buttons-svg-size-medium);
	--e-contact-buttons-horizontal-offset: 0;
	--e-contact-buttons-transition-duration: .3s;
	--e-contact-buttons-transition: all var(--e-contact-buttons-transition-duration);
	--e-contact-buttons-contact-gap: 4px;
	--e-contact-buttons-contact-padding-block-end: 8px;
	--e-contact-buttons-contact-padding-block-start: 8px;
	--e-contact-buttons-contact-padding-inline-end: 12px;
	--e-contact-buttons-contact-padding-inline-start: 12px;
	width: auto;
}

.e-contact-buttons-var-10 .has-corners-rounded {
	--e-contact-buttons-border-radius: 20px;
}

.e-contact-buttons-var-10 .has-corners-round {
	--e-contact-buttons-border-radius: 50px;
}

.e-contact-buttons-var-10 .has-corners-sharp {
	--e-contact-buttons-border-radius: 0;
}

.e-contact-buttons-var-10 .has-size-small {
	--e-contact-buttons-svg-size: var(--e-contact-buttons-svg-size-small);
}

.e-contact-buttons-var-10 .has-size-medium {
	--e-contact-buttons-svg-size: var(--e-contact-buttons-svg-size-medium);
}

.e-contact-buttons-var-10 .has-size-large {
	--e-contact-buttons-svg-size: var(--e-contact-buttons-svg-size-large);
}

.e-contact-buttons-var-10 .e-contact-buttons__contact-links {
	display: flex;
	gap: var(--e-contact-buttons-contact-gap);
}

.e-contact-buttons-var-10 .e-contact-buttons__contact-icon-container {
	align-items: center;
	display: inline-flex;
	justify-content: center;
}

.e-contact-buttons-var-10 .e-contact-buttons__contact-icon-container svg {
	height: var(--e-contact-buttons-svg-size);
	width: var(--e-contact-buttons-svg-size);
}

.e-contact-buttons-var-10 .e-contact-buttons__contact-icon-container i {
	font-size: var(--e-contact-buttons-svg-size);
}

.e-contact-buttons-var-10 .e-contact-buttons__contact-icon-link {
	align-items: center;
	background-color: var(--e-contact-buttons-contact-button-bg);
	color: var(--e-contact-buttons-contact-button-icon);
	display: flex;
	transition: all .3s;
}

.e-contact-buttons-var-10 .e-contact-buttons__contact-icon-link svg {
	fill: var(--e-contact-buttons-contact-button-icon);
}

.e-contact-buttons-var-10 .e-contact-buttons__contact-icon-link:focus, .e-contact-buttons-var-10 .e-contact-buttons__contact-icon-link:hover {
	background-color: var(--e-contact-buttons-contact-button-bg);
	color: var(--e-contact-buttons-contact-button-icon);
	transition: all .3s;
}

.e-contact-buttons-var-10 .e-contact-buttons__contact-icon-link:focus svg, .e-contact-buttons-var-10 .e-contact-buttons__contact-icon-link:hover svg {
	fill: var(--e-contact-buttons-contact-button-icon);
}

.e-contact-buttons-var-10 .e-contact-buttons__contact-title {
	display: inline-block;
	padding-block-end: var(--e-contact-buttons-contact-padding-block-end);
	padding-block-start: var(--e-contact-buttons-contact-padding-block-start);
	padding-inline-end: var(--e-contact-buttons-contact-padding-inline-end);
	padding-inline-start: var(--e-contact-buttons-contact-padding-inline-start);
}

.e-contact-buttons-var-10.has-h-alignment-start .e-contact-buttons__contact-icon-link {
	--e-contact-buttons-margin-offset: 8px;
	justify-content: flex-end;
	padding-inline-end: 12px;
	transform: translateX(calc(-100% + var(--e-contact-buttons-svg-size) * 2 - var(--e-contact-buttons-margin-offset)));
	transition: var(--e-contact-buttons-transition);
}

.e-contact-buttons-var-10.has-h-alignment-start .e-contact-buttons__contact-icon-link.has-size-small {
	--e-contact-buttons-margin-offset: 2px;
}

[dir=rtl] .e-contact-buttons-var-10.has-h-alignment-start .e-contact-buttons__contact-icon-link {
	--e-contact-buttons-margin-offset: 2px;
	transform: translateX(calc(100% - ( var(--e-contact-buttons-svg-size) * 2 - var(--e-contact-buttons-margin-offset) )));
}

[dir=rtl] .e-contact-buttons-var-10.has-h-alignment-start .e-contact-buttons__contact-icon-link.has-size-large {
	--e-contact-buttons-margin-offset: 8px;
}

.e-contact-buttons-var-10.has-h-alignment-start .e-contact-buttons__contact-links {
	align-items: flex-start;
	flex-direction: column;
}

.e-contact-buttons-var-10.has-h-alignment-start .e-contact-buttons__contact-icon-link {
	border-end-end-radius: var(--e-contact-buttons-border-radius);
	border-end-start-radius: 0;
	border-start-end-radius: var(--e-contact-buttons-border-radius);
	border-start-start-radius: 0;
}

@media (min-width:768px) {
	.e-contact-buttons-var-10.has-h-alignment-start .e-contact-buttons__contact-icon-link:focus, .e-contact-buttons-var-10.has-h-alignment-start .e-contact-buttons__contact-icon-link:hover {
		transform: none;
		transition: var(--e-contact-buttons-transition);
	}
}

.e-contact-buttons-var-10.has-h-alignment-start .e-contact-buttons__contact-icon-link.active {
	transform: none;
	transition: var(--e-contact-buttons-transition);
}

.e-contact-buttons-var-10.has-h-alignment-end .e-contact-buttons__contact-icon-link {
	--e-contact-buttons-margin-offset: 8px;
	padding-inline-start: 12px;
	transform: translateX(calc(100% - var(--e-contact-buttons-svg-size) * 2 + var(--e-contact-buttons-margin-offset)));
	transition: var(--e-contact-buttons-transition);
}

.e-contact-buttons-var-10.has-h-alignment-end .e-contact-buttons__contact-icon-link.has-size-small {
	--e-contact-buttons-margin-offset: 2px;
}

[dir=rtl] .e-contact-buttons-var-10.has-h-alignment-end .e-contact-buttons__contact-icon-link {
	--e-contact-buttons-margin-offset: 2px;
	transform: translateX(calc(-100% + var(--e-contact-buttons-svg-size) * 2 - var(--e-contact-buttons-margin-offset)));
}

[dir=rtl] .e-contact-buttons-var-10.has-h-alignment-end .e-contact-buttons__contact-icon-link.has-size-large {
	--e-contact-buttons-margin-offset: 8px;
}

@media (min-width:768px) {
	.e-contact-buttons-var-10.has-h-alignment-end .e-contact-buttons__contact-icon-link:focus, .e-contact-buttons-var-10.has-h-alignment-end .e-contact-buttons__contact-icon-link:hover {
		transform: none;
		transition: var(--e-contact-buttons-transition);
	}
}

.e-contact-buttons-var-10.has-h-alignment-end .e-contact-buttons__contact-icon-link.active {
	transform: none;
	transition: var(--e-contact-buttons-transition);
}

.e-contact-buttons-var-10.has-h-alignment-end .e-contact-buttons__contact-links {
	align-items: flex-end;
	flex-direction: column;
}

.e-contact-buttons-var-10.has-h-alignment-end .e-contact-buttons__contact-icon-container {
	order: 1;
}

.e-contact-buttons-var-10.has-h-alignment-end .e-contact-buttons__contact-title {
	order: 2;
}

.e-contact-buttons-var-10.has-h-alignment-end .e-contact-buttons__contact-icon-link {
	border-end-end-radius: 0;
	border-end-start-radius: var(--e-contact-buttons-border-radius);
	border-start-end-radius: 0;
	border-start-start-radius: var(--e-contact-buttons-border-radius);
}

.e-contact-buttons-var-10.has-h-alignment-center .e-contact-buttons__contact-icon-link {
	flex-direction: column;
}

.e-contact-buttons-var-10.has-h-alignment-center .e-contact-buttons__contact-title {
	writing-mode: vertical-lr;
}

.e-contact-buttons-var-10.has-h-alignment-center.has-v-alignment-bottom .e-contact-buttons__contact-links {
	align-items: flex-end;
}

.e-contact-buttons-var-10.has-h-alignment-center.has-v-alignment-bottom .e-contact-buttons__contact-icon-container {
	order: 1;
}

.e-contact-buttons-var-10.has-h-alignment-center.has-v-alignment-bottom .e-contact-buttons__contact-title {
	order: 2;
}

.e-contact-buttons-var-10.has-h-alignment-center.has-v-alignment-bottom .e-contact-buttons__contact-icon-link {
	--e-contact-buttons-margin-offset: 14px;
	border-end-end-radius: 0;
	border-end-start-radius: 0;
	border-start-end-radius: var(--e-contact-buttons-border-radius);
	border-start-start-radius: var(--e-contact-buttons-border-radius);
	padding-block-start: 12px;
	transform: translateY(calc(100% - var(--e-contact-buttons-svg-size) * 2 + var(--e-contact-buttons-margin-offset)));
	transition: var(--e-contact-buttons-transition);
}

@media (min-width:768px) {
	.e-contact-buttons-var-10.has-h-alignment-center.has-v-alignment-bottom .e-contact-buttons__contact-icon-link:focus, .e-contact-buttons-var-10.has-h-alignment-center.has-v-alignment-bottom .e-contact-buttons__contact-icon-link:hover {
		transform: none;
		transition: var(--e-contact-buttons-transition);
	}
}

.e-contact-buttons-var-10.has-h-alignment-center.has-v-alignment-bottom .e-contact-buttons__contact-icon-link.active {
	transform: none;
	transition: var(--e-contact-buttons-transition);
}

.e-contact-buttons-var-10.has-h-alignment-center.has-v-alignment-bottom .e-contact-buttons__contact-icon-link.has-size-small {
	--e-contact-buttons-margin-offset: 5px;
}

.e-contact-buttons-var-10.has-h-alignment-center.has-v-alignment-top .e-contact-buttons__contact-links {
	align-items: flex-start;
}

.e-contact-buttons-var-10.has-h-alignment-center.has-v-alignment-top .e-contact-buttons__contact-icon-container {
	align-items: flex-end;
}

.e-contact-buttons-var-10.has-h-alignment-center.has-v-alignment-top .e-contact-buttons__contact-icon-link {
	--e-contact-buttons-margin-offset: 14px;
	border-end-end-radius: var(--e-contact-buttons-border-radius);
	border-end-start-radius: var(--e-contact-buttons-border-radius);
	border-start-end-radius: 0;
	border-start-start-radius: 0;
	justify-content: flex-end;
	padding-block-end: 12px;
	transform: translateY(calc(-100% + var(--e-contact-buttons-svg-size) + var(--e-contact-buttons-margin-offset)));
	transition: var(--e-contact-buttons-transition);
}

@media (min-width:768px) {
	.e-contact-buttons-var-10.has-h-alignment-center.has-v-alignment-top .e-contact-buttons__contact-icon-link:focus, .e-contact-buttons-var-10.has-h-alignment-center.has-v-alignment-top .e-contact-buttons__contact-icon-link:hover {
		transform: none;
		transition: var(--e-contact-buttons-transition);
	}
}

.e-contact-buttons-var-10.has-h-alignment-center.has-v-alignment-top .e-contact-buttons__contact-icon-link.active {
	transform: none;
	transition: var(--e-contact-buttons-transition);
}
