.view--id-dashboard-extra {
    margin-inline: 16px;

    @media (min-width: 576px) {
        margin-inline: auto;
        max-width: 540px;
    }

    @media (min-width: 768px) {
        max-width: 720px
    }

    @media (min-width: 992px) {
        max-width: 960px;
    }

    .dashboard {
        background: #FFFFFF;
        border: 1px solid #CBCACA;
        margin-bottom: 40px;

        >h2 {
            color: #E85000;
            font: 800 24px / 1 Manrope, sans-serif;
            margin: 0;
            padding: 20px 25px;
        }
        >div {
            padding: 20px 25px;

            h4 {
                display: inline-block;
                font: 800 16px / 1 Manrope, sans-serif;
                margin: 0;
            }

            a {
                background: #808080;
                border-radius: 16px;
                color: #fff;
                display: inline-flex;
                gap: 4px;
                font: 800 12px / 1 "Manrope", sans-serif;
                padding: 8px 12px;
                text-decoration: none;
            }
        }
    }
}