.header-alert {
    padding: 14px 10px;
    line-height: 130%;
    text-align: center;
    font-size: 13px;
    position: relative;
    font-family: 'Inter';
    font-weight: 500;
    letter-spacing: -0.1px;
}

    .header-alert a {
        text-decoration: none;
    }

        .header-alert a:hover {
            opacity: 0.7;
        }

    .header-alert .header-alert-btn {
        padding: 5px 7px;
        background-color: #00000025;
        text-decoration: none;
        color: #fff;
        border-radius: 4px;
    }

        .header-alert .header-alert-btn:hover {
            opacity: 0.6;
    }
    
    .header-alert-yellow {
        background-color: #ffee9d;
        text-shadow: 0px 1px 0px rgba(255,255,255,0.7);
        color: #846027;
    }

        .header-alert-yellow a {
            color: #846027;
        }




/*Danger*/
.header-alert-danger {
    background-color: #EB445A;
    color: #fff;
}

    .header-alert-danger a,
    .header-alert-danger a:hover {
        color: #fff;
    }

    .header-alert-danger .header-alert-btn {
        background-color: #00000020;
        color: #fff;
    }



/*Danger Light*/
.header-alert-danger-light {
    background-color: #ffcaca;
    color: #db4040;
}

    .header-alert-danger-light a,
    .header-alert-danger-light a:hover {
        color: #db4040;
    }

    .header-alert-danger-light .header-alert-btn {
        background-color: #db404025;
        color: #db4040;
    }


/*Success Light*/
.header-alert-success-light {
    background-color: #D9F2E1;
    color: #3FAF61;
}

    .header-alert-success-light a,
    .header-alert-success-light a:hover {
        color: #3FAF61;
    }

    .header-alert-success-light .header-alert-btn {
        background-color: #3FAF6125;
        color: #3FAF61;
    }

/*Warning*/
.header-alert-warning {
    background-color: #ffee9d;
    color: #b36d00;
}

    .header-alert-warning a,
    .header-alert-warning a:hover {
        color: #b36d00;
    }

    .header-alert-warning .header-alert-btn {
        background-color: #b36d0025;
        color: #b36d00;
    }


/*Primary*/
.header-alert-primary {
    background: #298ccd;
    color: #fff;
}

    .header-alert-primary a,
    .header-alert-primary a:hover {
        color: #fff;
    }

    .header-alert-primary .header-alert-btn {
        background-color: #00000020;
        color: #fff;
    }


/*Info*/
.header-alert-info {
    background-color: #EBF8FF;
    color: #31708F;
}

    .header-alert-info a,
    .header-alert-info a:hover {
        color: #31708F;
    }

    .header-alert-info .header-alert-btn {
        background-color: #31708F25;
        color: #31708F;
    }



/*Fritidskortet*/
.header-alert-fritidskortet {
    background: #594189;
    color: #fff;
}

    .header-alert-fritidskortet a,
    .header-alert-fritidskortet a:hover {
        color: #fff;
    }
    
.header-alert-green {
    background-color: #91e6a8;
    color: #23823f;
}

    .header-alert-green a, .header-alert-green a:hover, .header-alert-green a:active, .header-alert-green a:focus {
        color: #23823f;
    }

    .header-alert-fritidskortet .header-alert-btn {
        background-color: #00000020;
        color: #fff;
    }