.race-classes {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;

    &>div {
        display: flex;
        align-items: center;
        gap: 14px;
        padding: 17px 18px;
        background-color: #f4f1e8;

        .number {
            margin: 0;
            width: 34px;
            height: 34px;
            display: flex;
            align-items: center;
            justify-content: center;
            background-color: #07583a;
            border-radius: 50%;
            font-size: 16px;
            font-weight: 700;
            color: white;
            font-family: var(--wp--preset--font-family--barlow-condensed);
        }

        .class-name {
            margin: 0;
            font-size: 16px;
            font-weight: 700;
        }
    }
}