@media screen and (min-width:1px) {
	.trigger-menu-widget {
		position: fixed;
		z-index: 100;
		bottom: 25px;
		right: 25px;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 50px;
		height: 50px;
		padding: 0;
		border: none;
		background-color: #e12121;
		color: #fff;
		font-weight: bold;
		cursor: pointer;
	}

	.trigger-menu-widget svg {
		stroke: #fff;
	}

	.trigger-menu-widget span {
		display: none;
	}

	.trigger-menu-widget .open-xs {
		display: block;
		width: 24px;
	}

	.trigger-menu-widget .open-sm,
	.trigger-menu-widget .close,
	.trigger-menu-widget.active .open-xs,
	.trigger-menu-widget.active .open-sm {
		display: none;
	}

	.trigger-menu-widget.active .close {
		display: block;
	}

	/* --- animazione icona "+" -> "×" --- */
	.trigger-menu-widget .icon-plus {
		transition: transform 0.3s ease;
	}

	.trigger-menu-widget.active .icon-plus {
		transform: rotate(135deg);
	}
}

@media screen and (min-width:768px) {
	.trigger-menu-widget {
		justify-content: space-between;
		width: 335px;
		height: 65px;
		padding: 0 16px;
	}

	.trigger-menu-widget span {
		display: inline-block;
	}

	.trigger-menu-widget .open-xs {
		display: none;
	}

	.trigger-menu-widget .open-sm {
		display: block;
	}
}

@media screen and (min-width:1px) {
	.menu-widget {
		position: fixed;
		z-index: 100;
		bottom: 25px;
		right: 25px;
		overflow: hidden;
		background-color: #f9f9f9;
		width: 50px;
		height: 50px;
		margin: 0;
		padding: 0 16px;
		box-sizing: border-box;
		list-style: none;
	}

	.menu-widget li {
		height: 65px;
		opacity: 0;
	}

	.menu-widget li a:hover {
		color: #e12121;
	}

	.menu-widget li a {
		display: flex;
		flex-direction: row;
		align-items: center;
		column-gap: 16px;
		border-bottom: 1px #E3E3E3 solid;
		padding: 16px 8px;
		color: #4a4a49;
		text-decoration: none;
	}

	.menu-widget li a svg {
		width: 32px;
		height: 32px;
	}

	.menu-widget li:last-child a {
		border-bottom: none;
	}
}

@media screen and (min-width:768px) {
	.menu-widget {
		bottom: 90px;
		min-width: 335px;
		width: 335px;
		max-width: 335px;
		height: 0;
		border-bottom: none;
	}
	.icon-plus {
		width: 20px;
	}
	
}

@media screen and (max-width:767px) {
	.icon-plus {
		width: 50%;
	}
	
}