.container-options_component {
	display: inline-flex;
	flex-flow: column;
	align-items: flex-start;
	padding: 10px 0px 0px 48px;
	visibility: hidden;
	opacity: 0;
	transition: all .3s ease-in-out;
}

.container-options_component button {
	display: flex;
	align-items: center;
    padding-left: 12px;
    border: #DB532A 1px solid !important;
    border-radius: 40px;
    background: transparent;
    color: #DB532A;
    margin: 4px 0;
    font-size: 13px;
    position: relative;
    width: 240px;
    min-height: 38px;
	text-align: left;
	transition: all .3s ease-in-out;
}

.container-options_component button:focus {
    border: #DB532A 1px solid !important;
    background: transparent;
}

.container-options_component button:hover {
    background: #DB532A;
	color: #FFFFFF;
}

.container-options_component button .addToCartButton {
	background-color: #5EC962;
}

.container-options_component button.hasIcon img.small-icon {
	margin:0 8px;
	max-height: 22px;
	max-width: 22px;
}

.container-options_component button.hasIcon:hover img {
	-webkit-filter: brightness(1000) grayscale(1);
	        filter: brightness(1000) grayscale(1);
}

.container-options_component button.hasIcon:after {
	top:4px;
}

.container-options_component button svg {
	transition: all .3s ease-in-out;
	position: absolute;
	right: 12px;
}

.container-options_component button div {
	transition: all .3s ease-in-out;
	background-position: right;
    width: 20px;
	height: 20px;
	margin: auto 12px auto auto;
	background-image: url(1f48d703ba9c5d161f1f894a8ed3b62e.svg);
	background-repeat: no-repeat;
}

.container-options_component button:hover div {
	background-image: url(d6fe07219a40dc2f75fd37cdcc02ebfc.svg);
	background-repeat: no-repeat;
}

.container-options_component button:hover svg path {
	fill: #FFFFFF;
}

.container-options_component.numericOption {
	display: block;
	padding-left: 0px;
}

.container-options_component.numericOption button {
	width: 42px;
	height: 42px;
	text-align: center;
	padding-right: 12px;
	display: initial;
	margin: 2px;
}

.container-options_component.numericOption button:after {
	content: none;
}

.container-options_component.booleanOption {
	display: block;
	padding-left: 0px;
}

.container-options_component.booleanOption button {
	width: unset;
	padding: 8px;
	padding-right: 12px;
	margin: 4px;
	color: #03C046;
	border: 1px solid #03C046 !important;
}

.container-options_component.booleanOption button:hover {
    background: #03C046;
    color: #FFFFFF;
}

.container-options_component.booleanOption button:after {
	content: none;
}

.container-options_component.booleanOption button:last-of-type {
	border: 1px solid #FF0000 !important;
	color: #FF0000;
}

.container-options_component.booleanOption button:last-of-type:hover {
    background: #FF0000;
    color: #FFFFFF;
}

.container-options_component.active {
	max-height: 2000px;
	visibility: visible;
	opacity: 1;
}