.badge-container {
    /*display: grid;
    grid-template-columns: 1fr .5fr;
    gap: 40px*/
}

.badge-image {
    margin-bottom: 20px;
    text-align:center;
}

    .badge-image img {
        display: inline-block;
        object-fit: contain;
        max-width: 200px;
        width: 100%
    }

.badge-name {
    margin-top: 0;
    margin-bottom: 15px
}

.badge-description > *:last-child {
    margin-bottom: 0
}

.badge-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 5px;
    margin-top: 20px
}

    .badge-tags > * {
        display: block;
        text-align: center;
        padding: 2px 10px;
        border-radius: 30px;
        background: #9d6836
    }

.badge-credentials {
    margin-top: 20px;
    display: grid;
    grid-template-columns: repeat(2,auto);
    grid-template-rows: repeat(1,auto);
    justify-content: start;
    gap: 10px 20px
}

    .badge-credentials label {
        font-weight: 700
    }

    .badge-credentials a {
        color: #fff
    }

    .badge-credentials * {
        margin: 0
    }

.badge-cta {
    display: flex;
    gap: 15px;
    flex-wrap: wrap
}

    .badge-cta .btn {
        border: none;
        padding: 8px 25px
    }

.badge__aside-col {
    width: 100%;
    display: grid;
    grid-auto-flow: row;
    gap: 30px;
    align-content: start
}

.badge-aside__block {
    display: grid;
    gap: 10px;
    grid-auto-flow: row;
    align-content: start
}

    .badge-aside__block h5 {
        margin-top: 0;
        margin-bottom: 0
    }

.badge-aside__box {
    border: 1px solid #564873;
    padding: 8px;
    display: grid
}

.badge-comps {
    display: grid;
    grid-auto-flow: row;
    gap: 10px
}

.badge-metrics .badge-aside__box {
    grid-template-columns: .2fr .8fr;
    gap: 20px;
    align-content: start
}

.badge-metrics__score {
    background: #4a386c;
    border-radius: 5px;
    padding: 0 7px;
    width: fit-content
}

.badge-related .badge-aside__box {
    grid-template-columns: 65px auto 62px;
    gap: 10px
}

.badge-related__img {
    display: grid;
    grid-auto-flow: row;
    align-content: center
}

    .badge-related__img img {
        object-fit: contain;
        max-width: 60px;
        width: 100%
    }

.badge-related__name {
    display: grid;
    grid-auto-flow: row;
    align-content: center;
    gap: 10px
}

    .badge-related__name > * {
        margin: 0
    }

.badge-related__cta {
    display: grid;
    grid-auto-flow: row;
    align-content: center
}

    .badge-related__cta .btn {
        border: none;
        padding: 7px 15px
    }

.badge-related__tag {
    background: #4a386c;
    border-radius: 5px;
    padding: 0 7px;
    width: fit-content
}

    .badge-related__tag.sponsored {
        background: #49386a
    }

    .badge-related__tag.owner {
        background: #9d6836
    }