:root {
    --theme-sunny: #e87722;
    --theme-sunny-text: #fff;
    --eyemed-primary: #36982E;
    --eyemed-secondary: #717272;
    --light: #f7f7f7;
    --nobrand-primary: #777777;
    --nobrand-secondary: #717272;
}

.text-non-branded-primary {
    color: var(--non-branded-primary);
}

.theme-sunny {
    background: var(--theme-sunny);
    color: var(--theme-sunny-text);
}

.em-btn,
.em-btn2,
.nobrand-btn,
.nobrand-btn2 {
    font-family: Nexa XBold,Helvetica,sans-serif;
    text-align: center;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1;
    padding: 10px 15px;
    -webkit-transition: color .33s ease-in-out,background-color .33s ease-in-out,border-color .33s ease-in-out;
    transition: color .33s ease-in-out,background-color .33s ease-in-out,border-color .33s ease-in-out;
}

.em-btn {
    background-color: var(--eyemed-primary);
    border: 1px solid var(--eyemed-primary);
}

.em-btn2 {
    background-color: var(--eyemed-secondary);
    border: 1px solid var(--eyemed-secondary);
}

    .em-btn:hover,
    .em-btn2:hover,
    .nobrand-btn:hover,
    .nobrand-btn2:hover {
        text-decoration: none;
        outline: none;
        color: #fff
    }

    .em-btn:hover {
        background-color: #2f8428;
        border-color: #2f8428;
    }


    .em-btn2:hover {
        background-color: var(--eyemed-primary);
        border-color: var(--eyemed-primary);
    }


.nobrand-btn {
    background-color: var(--nobrand-primary);
    border: 1px solid var(--nobrand-primary);
}

    .nobrand-btn:hover {
        background-color: #666;
        border-color: #666;
        text-decoration: none;
        outline: none;
        color: #fff
    }

.nobrand-btn2 {
    background-color: var(--nobrand-secondary);
    border: 1px solid var(--nobrand-secondary);
}