.BtnPrimaryDark {
    width: 100%;
    letter-spacing: 0px;
    background-color: var(--themeColor);
    border: 1px solid var(--themeColor);
    border-radius: var(--borderRadius10);
    padding: 15px 10px;
    color: white;
    transition: 0.3s ease-in;
    margin-top: 20px;
    transition-timing-function: ease-in-out;
    margin-bottom: 20px;
    font-size: 0.9em;
}

.BtnPrimaryDark i {
    color: white;
    transition: 0.3s ease-in;
}

.BtnPrimaryDark:hover {
    background-color: var(--themeColor);
    transition: 0.5s ease-in;
    color: white;
    border: 1px solid var(--themeColor);
}

.BtnPrimaryDark:hover i {
    color: white;
    transition: 0.5s ease-in;
}


.BtnPrimaryLight {
    width: 100%;
    letter-spacing: 0px;
    background-color: var(--secondaryColor);
    border: 1px solid var(--secondaryColor);
    border-radius: var(--borderRadius10);
    padding: 15px 10px;
    color: var(--themeColor);
    transition: 0.3s ease-in;
    margin-top: 20px;
    color: white;
    transition-timing-function: ease-in-out;
    margin-bottom: 20px;
    font-size: 0.9em;
}

.BtnPrimaryLight i {
    color: transparent;
    transition: 0.3s ease-in;
}

.BtnPrimaryLight:hover {
    background-color: var(--themeColor);
    transition: 0.5s ease-in;
    color: white;
    border: 1px solid var(--secondaryColor);
}

.BtnPrimaryLight:hover i {
    color: var(--themeColor);
    transition: 0.5s ease-in;

}

.BtnPrimaryWhite {
    width: 100%;
    letter-spacing: 0px;
    background-color: var(--BackgroundColor);
    border: 0px solid var(--themeColor);
    border-radius: var(--borderRadius10);
    padding: 10px 10px;
    color: var(--themeColor);
    transition: 0.3s ease-in;
    margin-top: 20px;
    transition-timing-function: ease-in-out;
    margin-bottom: 20px;
    font-size: 0.9em;
}

.BtnPrimaryWhite i {
    color: transparent;
    transition: 0.3s ease-in;
}

.BtnPrimaryWhite:hover {
    background-color: white;
    transition: 0.2s ease-in;
    color: var(--themeColor);
    border: 0px solid var(--secondaryColor);
}

.BtnPrimaryWhite:hover i {
    color: var(--themeColor);
    transition: 0.5s ease-in;

}


.BtnPrimaryMoveCart {
    width: 100%;
    letter-spacing: 0px;
    background-color: var(--themeColor);
    border: 1px solid var(--themeColor);
    border-radius: var(--borderRadius10);
    padding: 15px 10px;
    color: var(--themeColor);
    transition: 0.3s ease-in;
    margin-top: 20px;
    transition-timing-function: ease-in-out;
    margin-bottom: 20px;
    font-size: 0.9em;
}

.BtnPrimaryMoveCart i {
    color: transparent;
    transition: 0.3s ease-in;
}

.BtnPrimaryMoveCart:hover {
    background-color: var(--themeColor);
    transition: 0.5s ease-in;
    color: white;
    border: 1px solid var(--themeColor);
}

.BtnPrimaryMoveCart:hover i {
    color: white;
    transition: 0.5s ease-in;

}

.BtnPrimaryMoveWish {
    width: 100%;
    letter-spacing: 0px;
    background-color: white;
    border: 1px solid var(--themeColor);
    border-radius: var(--borderRadius10);
    padding: 15px 10px;
    color: var(--themeColor);
    transition: 0.3s ease-in;
    margin-top: 25px;
    transition-timing-function: ease-in-out;
    margin-bottom: 20px;
    font-size: 0.9em;
}

.BtnPrimaryMoveWish i {
    color: var(--themeColor);
    transition: 0.3s ease-in;
}

.BtnPrimaryMoveWish:hover {
    background-color: var(--themeColor);
    transition: 0.5s ease-in;
    color: white;
    border: 1px solid var(--themeColor);
}

.BtnPrimaryMoveWish:hover i {
    color: white;
    transition: 0.5s ease-in;
}