a.corpay-action,
a.corpay-action:hover {
    text-decoration: none !important;
}
a.corpay-action:visited {
    color:var(--corpay-white);
}
a.corpay-action.forward:visited,
a.corpay-action.lateral:visited
{
    color: var(--corpay-white);
}
a.corpay-action.forward.hollow:visited,
a.corpay-action.forward.ghost:visited {
    color: var(--corpay-primary);
}
a.corpay-action.lateral.hollow:visited,
a.corpay-action.lateral.ghost:visited{
    color: var(--corpay-secondary);
}
a.corpay-action.disabled:visited {
    color: var(--corpay-disabled);
}

.corpay-action {
    border-radius: 4px;
    padding: 8px 22px;
    border: 1px solid white;
    cursor: pointer !important;
    display: inline-flex;
    text-decoration: none;
    font-family: var(--corpay-font-family);
    letter-spacing: normal;
    font-size: var(--corpay-action-font-size);
    text-transform: inherit !important;
    transition: none !important;
}

.corpay-action.forward {
    background-color: var(--corpay-primary);
    border-color: var(--corpay-primary);
    color: var(--corpay-white);
}

.corpay-action.forward:hover {
    background-color: var(--corpay-primary-hover);
    border-color: var(--corpay-primary-hover) !important;
}

.corpay-action.forward.hollow {
    background-color: transparent;
    border-color: var(--corpay-primary);
    color: var(--corpay-primary);
}

.corpay-action.forward.hollow:hover {
    background-color: var(--corpay-primary);
    color: var(--corpay-white) !important;
}

.corpay-action.forward.ghost {
    background-color: transparent;
    border-color: transparent;
    color: var(--corpay-primary);
}

.corpay-action.forward.ghost:hover {
    background-color: var(--corpay-primary);
    border-color: var(--corpay-primary);
    color: var(--corpay-white) !important;
}

.corpay-action.lateral {
    background-color: var(--corpay-secondary);
    border-color: var(--corpay-secondary);
    color: var(--corpay-white);
}

.corpay-action.lateral:hover {
    background-color: var(--corpay-secondary-hover);
    border-color: var(--corpay-secondary-hover);
}

.corpay-action.lateral.hollow {
    background-color: transparent;
    border-color: var(--corpay-secondary);
    color: var(--corpay-secondary);
}

.corpay-action.lateral.hollow:hover {
    background-color: var(--corpay-secondary);
    color: var(--corpay-white) !important;
}

.corpay-action.lateral.ghost {
    background-color: transparent;
    border-color: transparent;
    color: var(--corpay-secondary);
}

.corpay-action.lateral.ghost:hover {
    background-color: var(--corpay-secondary);
    border-color: var(--corpay-secondary);
    color: var(--corpay-white) !important;
}

.corpay-action:disabled,
.corpay-action.disabled {
    background-color: var(--corpay-disabled-background);
    border-color: var(--corpay-disabled-background);
    color: var(--corpay-disabled);
    cursor: default;
}

.corpay-action:disabled.hollow,
.corpay-action.disabled.hollow {
    background-color: var(--corpay-disabled-background);
    border-color: var(--corpay-disabled-background);
    color: var(--corpay-disabled);
}

.corpay-action:disabled.hollow:hover,
.corpay-action.disabled.hollow:hover {
    background-color: var(--corpay-disabled-background);
    border-color: var(--corpay-disabled-background);
    color: var(--corpay-disabled) !important;
}

.corpay-action:disabled.ghost,
.corpay-action.disabled.ghost {
    background-color: transparent;
    border-color: transparent;
    color: var(--corpay-disabled);
}

.corpay-action:disabled.ghost:hover,
.corpay-action.disabled.ghost:hover {
    background-color: transparent;
    border-color: transparent;
    color: var(--corpay-disabled) !important;
}

.corpay-action:disabled:hover,
.corpay-action.disabled:hover {
    background-color: var(--corpay-disabled-background) !important;
    border-color: var(--corpay-disabled-background) !important;
    color: var(--corpay-disabled) !important;
    cursor: default !important;
}