:root{
    --up-primary-100 : #5e3258;
    --up-primary-200 : #e7e0e6;
    --up-primary-300 : #9E859B;
    --up-primary-500 : #5e3258;
    --up-primary-900 : #441c43;

    --up-secondary : #e49929;
    --up-secondary-100 : #fcf3e5;
    --up-secondary-300 : #fbf0df;
    --up-secondary-500 : #e49929;
    --up-secondary-900 : #e49929;

    --up-tertiary-transparent : #F8F8F8;

    /*--up-secondary-100 : #FCF6EC;
    --up-secondary-200 : #F8E4C7;
    --up-secondary-300 : #F1C98F;
    --up-secondary-400 : #EAAE57;
    --up-secondary-500 : #F5A029;
    --up-secondary-600 : #BD8029;
    --up-secondary-700 : #936420;
    --up-secondary-800 : #694717;
    --up-secondary-900 : #3F2B0E;*/
}

.btn-secondary {
    color: white;
    background-color: var(--up-secondary);
    padding: 0.5rem 1rem;
    border-radius: 20px;
    font-weight: normal !important;
    transition: all 200ms linear;
}

.btn-secondary:hover {
    background-color: var(--up-primary-900);
}