.ac-buttons {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 10px;
}

.ac-button {
	display: flex;
	justify-content: center;
	align-items:center;
	
	/*height: 40px;*/
	
	border: 1px solid var(--text-color);
	border-radius: 20px;
	color: var(--text-color);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-weight: 500;
	line-height: 30px;
	margin-right: 10px;
	min-width: 140px;
	padding: 5px 30px;
	padding-left: 30px;
	position: relative;
	text-align: center;
}

.ac-button:hover {
	text-decoration: none;
}

.ac-button-primary {
	color: var(--contrast-color);
	background-color: var(--text-color);
}

.ac-button-secondary {
	color: var(--text-color);
}

.ac-button-icon {
	padding-left: 0;
}

.ac-button svg {
	padding-left: 5px;
	padding-right: 15px;
	font-size: 1.8rem;
}

.share-wrapper {
	padding-bottom: 10px;
}

.share-wrapper .fontawesome-icons a:hover {
	background-color: var(--active-color, #000);
	color: white;
}

.share-button {
	position: relative;
	cursor: pointer;
	margin: 0;
	width: fit-content;
}

.ac-button-primary:hover {
	background-color: color-mix(in srgb, var(--text-color) 85%, black);
}


.ac-button-secondary:hover {
	color: var(--contrast-color);
	background-color: var(--text-color);
	
}