.mia-cup-cart.mia-cup {

    max-width: 250px;

    margin: 0 auto;

    text-align: center;

}



.type-custom-price-switch {

    text-align: center;

    z-index: 10;

}



.type-custom-price-switch .fieldset {

    display: inline-block;

    position: relative;

    padding: 2px;

    border-radius: 50em;

    background: #ebebeb;

    height: 34px;

}



.type-custom-price-switch input[type="radio"] {

    position: absolute;

    opacity: 0;

}



.type-custom-price-switch label {

    position: relative;

    z-index: 1;

    display: inline-block;

    float: left;

    width: 60px;

    height: 30px;

    line-height: 30px;

    cursor: pointer;

    font-size: 11px;

    color: #033d74;

    transition: all 500ms ease-in-out;

}



.type-custom-price-switch .switch {

    /* floating background */

    position: absolute;

    top: 2px;

    left: 2px;

    height: 30px;

    width: 60px;

    background-color: #1dbc86;

    border-radius: 50em;

    -webkit-transition: -webkit-transform 0.5s;

    -moz-transition: -moz-transform 0.5s;

    transition: transform 0.5s;

}



.type-custom-price-switch input[type='checkbox'] + label, .type-custom-price-switch input[type='radio'] + label {

    margin: 0;

}



.type-custom-price-switch input[type="radio"]:checked + label {

    color: #eee;

    -webkit-transition-delay: 180ms;

    -moz-transition-delay: 180ms;

    transition-delay: 180ms;

}



.type-custom-price-switch input[type="radio"]:nth-of-type(1):checked + label ~ .switch,

.type-custom-price-switch input[type="radio"]:nth-of-type(1):checked + label:nth-of-type(1) ~ .switch {

    -webkit-transform: translateX(0px);

    -moz-transform: translateX(0px);

    -ms-transform: translateX(0px);

    -o-transform: translateX(0px);

    transform: translateX(0px);

}



.type-custom-price-switch input[type="radio"]:nth-of-type(2):checked + label ~ .switch,

.type-custom-price-switch input[type="radio"]:nth-of-type(2):checked + label:nth-of-type(2) ~ .switch {

    -webkit-transform: translateX(60px);

    -moz-transform: translateX(60px);

    -ms-transform: translateX(60px);

    -o-transform: translateX(60px);

    transform: translateX(60px);

}



.type-custom-price-switch input[type="radio"]:nth-of-type(3):checked + label ~ .switch,

.type-custom-price-switch input[type="radio"]:nth-of-type(3):checked + label:nth-of-type(3) ~ .switch {

    -webkit-transform: translateX(120px);

    -moz-transform: translateX(120px);

    -ms-transform: translateX(120px);

    -o-transform: translateX(120px);

    transform: translateX(120px);

}



.type-custom-price-switch input[type="radio"]:nth-of-type(4):checked + label ~ .switch,

.type-custom-price-switch input[type="radio"]:nth-of-type(4):checked + label:nth-of-type(4) ~ .switch {

    -webkit-transform: translateX(180px);

    -moz-transform: translateX(180px);

    -ms-transform: translateX(180px);

    -o-transform: translateX(180px);

    transform: translateX(180px);

}





.mia-cup-cart.mia-cup .type-custom-price [type="radio"]:checked + label:before,

.mia-cup-cart.mia-cup .type-custom-price [type="radio"]:not(:checked) + label:before {

    content: '';

    position: absolute;

    left: 0px;

    top: 0px;

    width: 15px;

    height: 15px;

    border: 2px solid #ddd;

    border-radius: 100%;

    background: #fff;

}



.mia-cup-cart.mia-cup .mia-price input[name="mia-price"] {

    font-size: 14px;

}



.mia-cup-cart.mia-cup .mia-price {

    display: inline-block;

    margin: 0 auto;

    position: relative;

    width: 200px;

}



.mia-cup-cart.mia-cup .mia-quantity {

    display: block;

    margin: 0 auto;

    position: relative;

    width: 200px;

    clear: both;

    margin-bottom: 7px;

    height: 2.5rem;

}



.mia-cup-cart.mia-cup .mia-quantity input {

    border: 2px solid #045943 !important;

}



.woocommerce .mia-cup-cart.mia-cup .mia-quantity span.mia-minus,

.woocommerce .mia-cup-cart.mia-cup .mia-quantity span.mia-plus {

    width: 1.9rem;

    color: white;

    border: 2px solid #045943;

    padding: 0 0;

    margin: 0;

    text-align: center;

    float: right;

    position: relative;

    display: inline-block;

    font-size: 25px;

    font-weight: 600;

    cursor: pointer;

    user-select: none;

    background-color: #045943;

    min-height: 1.5rem;

    line-height: 1.5rem;

}



.woocommerce .mia-cup-cart.mia-cup .mia-quantity .mia-qty {

    border-radius: 1rem;

    width: 100%;

    height: 1.8rem;

}



.woocommerce .mia-cup-cart.mia-cup .mia-quantity span.mia-plus {

    border-radius: 0 1rem 1rem 0;

    position: absolute;

    right: 0;

    z-index: 1;

}



.woocommerce .mia-cup-cart.mia-cup .mia-quantity span.mia-minus {

    border-radius: 1rem 0 0 1rem;

    position: absolute;

    left: 0;

    z-index: 1;

}



.mia-price-container {

    display: none;

}



.woocommerce .mia-cup-cart.mia-cup .mia-price input[name="mia-price"],

.woocommerce .mia-cup-cart.mia-cup .mia-price input[name="mia-price"]:focus {

    outline: none;

    background: transparent;

    border: 2px solid transparent;

}



@media screen and (max-width: 470px) {

    .mia-cup-cart.mia-cup .mia-quantity, .mia-cup-cart.mia-cup .mia-price {

        width: 100%;

    }

}