.productName .price {
    
    display: flex;
    justify-content: space-between;
}

.price__tier, .price__value {
    display: block;
}

.price__tier {
    margin-right: .25rem;
}

.productName__info {
    color: #444;
}

.ui.form .field.error .ui.label {
    border: 1px solid transparent;
}

.ui.form .message:first-child {
	margin-bottom: 1rem;
}

.ui.basic.teal.button, .ui.basic.teal.buttons .button {
	-webkit-box-shadow: 0 0 0 1px #dd4863 inset!important;
	box-shadow: 0 0 0 1px #dd4863 inset!important;
	color: #dd4863!important;
}

.ui.basic.teal.button:hover, .ui.basic.teal.buttons .button:hover {
	-webkit-box-shadow: 0 0 0 1px #dd4863 inset!important;
	box-shadow: 0 0 0 1px #dd4863 inset!important;
	color: #dd4863!important;
	background: #FFF!important;	
}

/*--- Teal ---*/

.ui.teal.buttons .button,
.ui.teal.button {
  background-color: #dd4863;
  color: #FFFFFF;
  text-shadow: none;
  background-image: none;
}

.ui.teal.button {
  -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
  box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
}

.ui.teal.buttons .button:hover,
.ui.teal.button:hover {
  background-color: #dd4863;
  color: #FFFFFF;
  text-shadow: none;
}

.ui.teal.buttons .button:focus,
.ui.teal.button:focus {
  background-color: #dd4863;
  color: #FFFFFF;
  text-shadow: none;
}

.ui.teal.buttons .button:active,
.ui.teal.button:active {
  background-color: #dd4863;
  color: #FFFFFF;
  text-shadow: none;
}

.ui.teal.buttons .active.button,
.ui.teal.buttons .active.button:active,
.ui.teal.active.button,
.ui.teal.button .active.button:active {
  background-color: #dd4863;
  color: #FFFFFF;
  text-shadow: none;
}



/*--- Teal ---*/

.ui.teal.header {
  color: #dd4863 !important;
}

a.ui.teal.header:hover {
  color: #dd4863 !important;
}

.ui.teal.dividing.header {
  border-bottom: 2px solid #dd4863;
}


/*--- Teal ---*/

.ui.teal.labels .label,
.ui.teal.label {
  background-color: #dd4863 !important;
  border-color: #dd4863 !important;
  color: #FFFFFF !important;
}

/*--- Teal ---*/

.ui.teal.buttons .button,
.ui.teal.button {
  background-color: #dd4863;
  color: #FFFFFF;
  text-shadow: none;
  background-image: none;
}

.ui.teal.button {
  -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
  box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
}

.ui.teal.buttons .button:hover,
.ui.teal.button:hover {
  background-color: #dd4863;
  color: #FFFFFF;
  text-shadow: none;
}