:root {
	--grayShadow: #a3b1c6;
	--white: #fff;
	--lineColor: #c5d3e8;
}

.neu {
	background-color: var(--backgroundColor);
	/* box-shadow: 9px 9px 16px var(--grayShadow),
							-9px -9px 16px var(--white); */
  box-shadow: 3px 3px 10px var(--grayShadow),
              -6px -6px 10px var(--white);
}

.neu-small-shadow {
	background-color: var(--backgroundColor);
	box-shadow: 5px 5px 16px -4px var(--grayShadow), -5px -5px 16px -4px var(--white);
}

/* button with a ring around it */
.neu-ring-big {
	/* border-radius: 50%;
	box-shadow: inset 5px 5px 10px -7px var(--grayShadow), 
							inset -5px -5px 10px -7px var(--white), 
							0px 0px 4px 1px var(--white);
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: var(--backgroundColor); */

  border-radius: 50%;
    -webkit-box-shadow: inset 5px 5px 10px -7px var(--grayShadow), inset -5px -5px 10px -7px var(--white), 0px 0px 4px 1px var(--white);
            box-shadow: inset 5px 5px 10px -7px var(--grayShadow), inset -5px -5px 10px -7px var(--white), 0px 0px 4px 1px var(--white);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: var(--backgroundColor);
}

.neu-ring-inside {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	display: inline-block;
	box-shadow: 3px 3px 7px -3px var(--grayShadow), -5px -5px 7px -2px var(--white);
	background-color: var(--backgroundColor);
}

.neu-inset,
.neu-inset-hov:hover,
.neu-inset-act:active {
	background-color: var(--backgroundColor);
	box-shadow: inset 9px 9px 16px -9px var(--grayShadow),
	inset -9px -9px 16px -9px var(--white);
	-webkit-box-shadow: inset 9px 9px 16px -9px var(--grayShadow),
	inset -9px -9px 16px -9px var(--white);
  background-clip: padding-box;
}

.neu-inset-hov:hover {
	color: var(--green)
}

button:active {
	background-color: var(--backgroundColor);
	box-shadow: inset 9px 9px 16px -13px var(--grayShadow),
							inset -9px -9px 16px -13px var(--white);
}