.HeadBlue .Title {
    border-radius: var(--b-radius);
    display: block;
    width: max-content;
    transform: translateY(1.5rem);
    z-index: 22;
    position: relative;
    min-width: 13rem;
}

.HeadBlue .HeadBlueBody {
    border-radius: var(--b-radius);
    z-index: 2;
}

.HeadBlue.BorderedCon .HeadBlueBody:before {
    content: '';
    position: absolute;
    width: 105%;
    height: 112%;
    left: -2.5%;
    top: -7.5%;
    z-index: -1;
    background:
        linear-gradient(to right, var(--DBlue) 0.2em, transparent 0.2em) 0 0,
        linear-gradient(to right, var(--DBlue) 0.2em, transparent 0.2em) 0 100%,
        linear-gradient(to left, var(--DBlue) 0.2em, transparent 0.2em) 100% 0,
        linear-gradient(to left, var(--DBlue) 0.2em, transparent 0.2em) 100% 100%,
        linear-gradient(to bottom, var(--DBlue) 0.2em, transparent 0.2em) 0 0,
        linear-gradient(to bottom, var(--DBlue) 0.2em, transparent 0.2em) 100% 0,
        linear-gradient(to top, var(--DBlue) 0.2em, transparent 0.2em) 0 100%,
        linear-gradient(to top, var(--DBlue) 0.2em, transparent 0.2em) 100% 100%;
    background-repeat: no-repeat;
    background-size: 15rem 15rem;
}