.custom-bpe-secondary-button {
    gap: 8px;
    border-radius: var(--button-border-radius, 0px);
    background: var(--button-white, #FFF);
    /* shadow/sm */
    box-shadow: 0px 1px 2px 0px rgba(43, 48, 64, 0.05);
    
    a {
        padding: var(--button-spacing-xs-y, 10px) var(--button-spacing-xs-x, 24px);
        color: var(--button-white-text, #151A41);
        /* buttonText/xs */
        font-family: var(--buttonText-xs-font-family, "Noto Sans");
        font-size: var(--buttonText-xs-font-size, 14px);
        font-style: normal;
        font-weight: 700;
        line-height: 120%; /* 16.8px */
        letter-spacing: var(--buttonText-xs-letter-spacing, 0px);
        text-transform: uppercase;
        height: 100%;
        width: 100%;
    }

    &:hover {
        background: var(--brand-secondary);

        a {
            color: var(--button-white);
        }
    }

}