#kc-form-buttons {
    text-align: center;
}
.resolve-issue-button {
    margin-top: var(--spacing-40);
}

/** Primary Button ***/
a.button,
button.button {
    border-radius: var(--radius-16);
    background: var(--color-primary-electric-indigo);
    box-shadow: var(--box-shadow);
    color: var(--color-essential-white);
    margin: var(--spacing-32) 0;
    width: 100%;
    padding: var(--spacing-12) var(--spacing-32);
    cursor: pointer;
    transition: transform var(--transition-delay-200) var(--transition-timing-function-ease),
        box-shadow var(--transition-delay-200) var(--transition-timing-function-ease);
}

a.button {
    display: block;
}

a.button:hover,
button.button:hover {
    position: relative;
    box-shadow: none;
    transform: var(--transform);
}

a.button:focus-visible,
button.button:focus-visible,
button:focus-visible {
    box-shadow: none;
    outline-offset: var(--spacing-8);
    outline-width: 2px;
    outline-style: solid;
    outline-color: var(--color-essential-black);
}

a.button:active,
button.button:active {
    box-shadow: none;
    background: var(--color-primary-midnight-blue);
    color: var(--color-essential-white);
}

a.button:visited,
button.button:visited {
    color: var(--color-essential-white);
}

@media (min-width: 768px) {
    a.button:active,
    button.button {
        margin-bottom: var(--spacing-40);
    }
}

/** Tertiary Button **/
.wrapperForgotPassword {
    display: flex;
    flex-direction: row;
    justify-content: right;
    margin-top: var(--spacing-20);
}

.forgotPassword {
    width: fit-content;
    padding: var(--spacing-8);
}

.forgotPassword:hover {
    background-color: var(--color-shades-light-powder-blue);
    border-radius: var(--radius-8);
}

.forgotPassword a:focus-visible {
    outline: none;
}

.forgotPassword:focus-within {
    background-color: var(--color-shades-light-powder-blue);
    outline: var(--outline-width-2px) solid var(--color-essential-black);
}

.forgotPassword:focus-within:hover {
    border: none;
    border-radius: 0px;
}

.forgotPassword:active {
    background-color: var(--color-secondary-powder-blue);
    border-radius: var(--radius-8);
    outline: none;
}

.forgotPassword:hover a {
    text-decoration: underline;
    text-decoration-thickness: var(--outline-width-1px);
}

.forgotPassword a {
    color: var(--color-primary-electric-indigo);
}

.forgotPassword a:visited {
    color: var(--color-primary-electric-indigo);
}

.forgotPassword:active a {
    color: var(--color-primary-midnight-blue);
    text-decoration: underline;
    text-decoration-thickness: var(--outline-width-1px);
    outline: none;
}