/* 
.surprise-wrapper.--checked .add-button {
    display: none;
}

.text-surprise-product-wrapper {
    display: flex;
    flex-direction: row;
    width: 100%;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.text-surprise-product-wrapper .actions {
    display: flex;
    flex-direction: row;
} */



:root {
    --pu-surprise-primary: #94ca5f;
    --pu-surprise-secondary: #f3ffe8;

}




.surprise-wrapper.variant2 .text-surprise-product-wrapper .text-surprise-product-price-wrapper {
    margin-left: 17px;
    margin-top: 7px;
}

.surprise-wrapper.variant2 .text-surprise-product-wrapper span.surprise-sale-price > span.woocommerce-Price-amount.amount{
    color: #e8230b;
    font-size: 1.6em;
}

.text-surprise-product-wrapper {
    width: 100%;
}


.surprise-wrapper.variant2 .actions {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-top: 0.8rem;
}


.surprise-wrapper .add-button {
    min-width: 100px;
    min-height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.5rem 1rem;
    text-align: center;
    margin-right: 17px;
    border-radius: 5px;
    cursor: pointer;
    /* background-color: #f3ca66; */
    /* background-color: #e8230b; */
    background-color: var(--pu-surprise-primary);
    color:white;

    margin-left: auto;
    font-weight: bold;
}


.package-amount-text-surprise-product{
    font-weight: bold;
    font-size: 1.2em;
  }




/* .surprise-wrapper.--checked .add-button {
    background-color: #c8c7c8;
    
} */


.surprise-bottom-2 {
  display: flex;
  align-items: center;
  background-color: #fbfbfb;
  padding: 20px 0;
  box-shadow: 
              
              1px 0 0 #c8c7c8 inset,
             -1px 0 0 #c8c7c8 inset,
              0 -1px 0 #c8c7c8 inset,
              0 1px 0 #c8c7c8 inset;
  border-radius: 8px;
}


#surprise-product:checked ~ .surprise-bottom-2 {
    background-color: var(--pu-surprise-secondary);
    box-shadow: 
        3px 0 0 var(--pu-surprise-primary) inset,
        -3px 0 0 var(--pu-surprise-primary)  inset,
        0 -3px 0 var(--pu-surprise-primary)  inset,
        0 3px 0 var(--pu-surprise-primary)  inset;

  }


#surprise-product:checked ~ .surprise-bottom-2 #surprise-img {
  display: block;
}

#surprise-product:checked ~ .surprise-bottom-2 #surprise-img-unchecked {
  display: none;
}

.surprise-bottom-2 #surprise-img {
    display: none;
  }
  .surprise-bottom-2 #surprise-img-unchecked {
    display: block;
  }