:root {
    --mhp-brand: #760F82;
    --mhp-brand-active: #5c0c64;
}

.member-button--brand > vlocity_ins-flex-action > .action-template > span > c-button > .vlocity-btn {
    background-color: var(--mhp-brand, #760F82);
    border: 1px solid var(--mhp-brand, #760F82);
}

.member-button--brand > vlocity_ins-flex-action > .action-template > span > c-button > .vlocity-btn:hover {
    background-color: var(--mhp-brand-active, #5c0c64);
    border: 1px solid var(--mhp-brand-active, #5c0c64);
}

.member-button--outline > vlocity_ins-flex-action > .action-template > span > c-button > .vlocity-btn {
    color: var(--mhp-brand, #760F82);
    border: 1px solid var(--mhp-brand, #760F82);
}

.member-button--outline > vlocity_ins-flex-action > .action-template > span > c-button > .vlocity-btn:hover {
    border-color: var(--mhp-brand-active, #5c0c64);
    color: var(--mhp-brand-active, #5c0c64);
}

.member-button--link > vlocity_ins-flex-action > .action-template > span > c-button > .vlocity-btn {
    border: 1px solid transparent;
    background: transparent;
    color: var(--mhp-brand, #760F82);
}

.member-button--link > vlocity_ins-flex-action > .action-template > span > c-button > .vlocity-btn:hover {
    color: var(--mhp-brand-active, #5c0c64);
}

.member-button--wide > vlocity_ins-flex-action > .action-template > span > c-button > .vlocity-btn {
    width: 100%;
}

.member-button--group {
    width: max-content;
}

.member-button--border-thick > vlocity_ins-flex-action > .action-template > span > c-button > .vlocity-btn {
    border-width: 2px;
}