.mipa-outline-btn,
.mipa-outline-btn:visited {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .4rem;
    min-height: 40px;
    max-width: 100%;
    box-sizing: border-box;
    padding: .5rem .85rem;
    border: 1px solid #d6d9e7;
    border-radius: 7px;
    background: var(--mipa-white, #fff);
    color: var(--mipa-navy, #0b0e6c);
    font-family: inherit;
    font-size: .75rem;
    font-weight: 700;
    line-height: 1.5;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    transition: background-color .15s ease, border-color .15s ease, color .15s ease;
}
.mipa-outline-btn:hover:not(:disabled):not([aria-disabled="true"]),
.mipa-outline-btn:active:not(:disabled):not([aria-disabled="true"]) {
    border-color: var(--mipa-navy, #0b0e6c);
    background: var(--mipa-navy, #0b0e6c);
    color: var(--mipa-white, #fff);
    text-decoration: none;
}
.mipa-outline-btn:focus-visible {
    outline: 2px solid var(--mipa-orange, #f4572e);
    outline-offset: 3px;
}
.mipa-outline-btn:disabled,
.mipa-outline-btn[aria-disabled="true"] {
    opacity: .55;
    cursor: not-allowed;
}
a.mipa-outline-btn[aria-disabled="true"] {
    pointer-events: none;
}
.mipa-outline-btn.text-danger {
    border-color: #efc8c8;
}
.mipa-outline-btn.text-danger:hover:not(:disabled):not([aria-disabled="true"]),
.mipa-outline-btn.text-danger:active:not(:disabled):not([aria-disabled="true"]) {
    border-color: #b23939;
    background: #fff0f0;
}
.mipa-outline-btn > i,
.mipa-outline-btn > svg {
    flex-shrink: 0;
}
@media (prefers-reduced-motion: reduce) {
    .mipa-outline-btn { transition: none; }
}