/* ==========================================================================
   Custom Styles & Fixes
   ========================================================================== */

/* Fix: Vertically center the close button in dismissible alerts */
.alert-dismissible .btn-close {
    top: 50%;
    transform: translateY(-50%);
    width: 2.25rem;
    height: 2.25rem;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: none;
    color: var(--pe-alert-link-color);
}

.alert-dismissible .btn-close::after {
    position: static;
    inset: auto;
    padding: 0;
    line-height: 1;
    font-size: 1.25rem;
    content: "\F62A";
    font-family: bootstrap-icons;
    display: flex;
    align-items: center;
    justify-content: center;
}