/* Logica Custom Buttons - additional button variants for Adaptable Logic theme */

/* icon spacing - used by the standalone button widget's optional icon */
.adaptable-logic-button-link .logica-button-icon {
	display: inline-block;
}
.adaptable-logic-button-link .logica-button-icon-before {
	margin-right: 8px;
}
.adaptable-logic-button-link .logica-button-icon-after {
	margin-left: 8px;
}

/* primary - solid (alias for the default button, using the theme's primary/button color) */
a.adaptable-logic-button-link.adaptable-logic-button-link-primary {
	border-color: var(--button-color);
	color: #FFFFFF;
	background: var(--button-color);
}
a.adaptable-logic-button-link.adaptable-logic-button-link-primary:hover {
	background: var(--button-hover-color);
	border-color: var(--button-hover-color);
}

/* accent - solid */
a.adaptable-logic-button-link.adaptable-logic-button-link-accent {
	border-color: var(--accent-color);
	color: #FFFFFF;
	background: var(--accent-color);
}
a.adaptable-logic-button-link.adaptable-logic-button-link-accent:hover {
	border-color: var(--accent-color);
	color: var(--accent-color);
	background: transparent;
}

/* accent - wire (outline) */
a.adaptable-logic-button-link.adaptable-logic-button-link-wire.adaptable-logic-button-link-accent {
	border-color: var(--accent-color);
	color: var(--accent-color);
	background: transparent;
}
a.adaptable-logic-button-link.adaptable-logic-button-link-wire.adaptable-logic-button-link-accent:hover {
	background: var(--accent-color);
	border-color: var(--accent-color);
	color: #FFFFFF;
}

/* black - solid */
a.adaptable-logic-button-link.adaptable-logic-button-link-black {
	border-color: var(--logica-black-button-color, #000000);
	color: #FFFFFF;
	background: var(--logica-black-button-color, #000000);
}
a.adaptable-logic-button-link.adaptable-logic-button-link-black:hover {
	background: var(--logica-black-button-hover-color, #333333);
	border-color: var(--logica-black-button-hover-color, #333333);
}

/* black - wire (outline) */
a.adaptable-logic-button-link.adaptable-logic-button-link-wire.adaptable-logic-button-link-black {
	border-color: var(--logica-black-button-color, #000000);
	color: var(--logica-black-button-color, #000000);
	background: transparent;
}
a.adaptable-logic-button-link.adaptable-logic-button-link-wire.adaptable-logic-button-link-black:hover {
	border-color: var(--logica-black-button-hover-color, #333333);
	color: var(--logica-black-button-hover-color, #333333);
	background: transparent;
}

/* grey - solid */
a.adaptable-logic-button-link.adaptable-logic-button-link-grey {
	border-color: var(--logica-grey-button-color, #808080);
	color: #FFFFFF;
	background: var(--logica-grey-button-color, #808080);
}
a.adaptable-logic-button-link.adaptable-logic-button-link-grey:hover {
	background: var(--logica-grey-button-hover-color, #666666);
	border-color: var(--logica-grey-button-hover-color, #666666);
}

/* grey - wire (outline) */
a.adaptable-logic-button-link.adaptable-logic-button-link-wire.adaptable-logic-button-link-grey {
	border-color: var(--logica-grey-button-color, #808080);
	color: var(--logica-grey-button-color, #808080);
	background: transparent;
}
a.adaptable-logic-button-link.adaptable-logic-button-link-wire.adaptable-logic-button-link-grey:hover {
	border-color: var(--logica-grey-button-hover-color, #666666);
	color: var(--logica-grey-button-hover-color, #666666);
	background: transparent;
}