.mist7b-dropdown {
    position: relative;
    display: inline-block;
		font-size: 16px; /* Prevents from moving vertically */
}

.mist7b-dropdown__button {
    background-color: #4CAF50; /* Green */
    color: white;
    padding: 0.625em 0.9375em; /* 10px 15px in em */
    border: none;
    border-radius: 0.3125em; /* 5px in em */
    cursor: pointer;
    font-size: 1em;
    transition: background-color 0.3s ease, transform 0.2s ease;
	/* --------------------------- */

    background-image: none;
    background-color: rgba(255,0,255,.2);

		box-shadow: inset 0 0 0 .05em rgba(150, 115, 205, 0.4), 0 .05em .2em rgba(150,115,205,0.9);
		border: 1px solid #401165;
		border-radius: .2em;
}

.header-items .mist7b-dropdown__button {
		padding: 4px 8px;
}
	.header-items .mist7b-dropdown__button img {
		height: 16px; width: 16px;
		padding: 0;margin: 0;
	}




.mist7b-dropdown__button:hover,
.mist7b-dropdown__button:focus {
    background-color: #45a049; /* Darker green */
    transform: scale(1.05); /* Slightly enlarge on hover */
    outline: none; /* Remove default focus outline */
    box-shadow: 0 0 0 0.1875em rgba(75, 175, 80, 0.5); /* 3px in em */
	/* --------------------------- */

    background-image: none;
    background-color: rgba(255,0,255,.3);
		transform: scale(1.1);
    box-shadow: 0 0 0 0.1875em rgba(75, 80, 175, 0.5);
}

.mist7b-dropdown__menu {
    position: absolute;
    z-index: 1;
    top: 2.5em; /* 40px in em */
    left: -0.25em; /* 4px in em */

    display: block; /* Keep it block for transitions */
    opacity: 0; /* Start hidden */
    visibility: hidden; /* Prevent interaction */
    background-color: #ffffff;
    min-width: 10em; /* 160px in em */
    border-radius: 0.3em;
	/* --------------------------- */

    font-size: 0.85em;
    box-shadow: 0 0.5em 1em 0 rgba(0,0,0,0.8);
    transition: opacity 0.3s ease, visibility 0.3s ease; /* Transition for smooth appearance */
}

.mist7b-dropdown__menu a {
    color: black;
    padding: 0.75em 1em; /* 12px 16px in em */
    text-decoration: none;
    display: block;
    transition: background-color 0.3s ease; /* Transition for hover effect */
}

.mist7b-dropdown__menu a:hover,
.mist7b-dropdown__menu a:focus {
    background-color: #f1f1f1; /* Light grey */
    outline: none; /* Remove default focus outline */
    box-shadow: 0 0 0 0.1875em rgba(0, 0, 0, 0.2); /* 3px in em */
	/* --------------------------- */
	border-radius: 0.3em;
}

.mist7b-dropdown__menu__rhombus {
    position: absolute;
    width: 0; /* Keep this as 0 */
    height: 0; /* Keep this as 0 */
    border-left: 5px solid transparent; /* 0.3125em */
    border-right: 5px solid transparent; /* 0.3125em */
    border-bottom: 10px solid #ffffff; /* 0.625em */
    z-index: 2; /* Ensure it is above the dropdown menu */
    visibility: hidden; /* Ensure it is hidden by default */
    opacity: 1; /* Ensure it is not transparent */
	/* --------------------------- */
}


/* -- Additional Styles -- */

.mist7b-dropdown__menu__inner > * {
	padding: .4em .7em;
}
.mist7b-dropdown__menu__section-separator {
	padding: 0;
	margin: 0 .8em;
	border-bottom: 1px solid #CCC;
}