.training-box {
    margin-top: 2%;
    padding: 1% 3%;
    width: fit-content;
    display: flex;
    gap: 3%;
}

.training-box>legend {
    font-weight: 500;
    line-height: 1.3em;
    margin: 0 0.5em;
    padding: 0 0.5em;
}

.training-box a {
    min-width: 250px;
}

@media screen and (max-width: 1024px) {
    .training-box {
        flex-direction: column;
        gap: 1em;
    }

    .training-box {
        margin-top: 1.5em;
        padding: 0.5em 3%;
    }
}