.angie-button-grid {
	display: grid;
	width: 100%;
}

.angie-button-item {
	display: flex;
	justify-content: space-between;
	align-items: center;
	text-decoration: none;
	transition: all 0.3s ease;
	cursor: pointer;
	box-sizing: border-box;
	border: 1px solid transparent; /* Voorkom verspringen bij borders */
}

/* Hover effect met CSS variabele */
.angie-button-item:hover {
	background-color: var(--btn-hover-color) !important;
	transform: translateY(-2px);
}

.angie-button-text {
	flex-grow: 1;
	font-weight: inherit;
}

.angie-button-icon {
	margin-left: 10px;
	transition: transform 0.3s ease;
}

.angie-button-item:hover .angie-button-icon {
	transform: translateX(4px);
}