.at-subThemes + .at-subThemes {
    margin-top: calc(-1 * (4em + 2vh));
}

.at-subThemes__themesList {
    margin: 0;
    padding: 0;
    list-style: none;
}

h2 + .at-subThemes__themesList {
    margin-top: 1rem;
}

.at-subThemes__theme {
    display: flex;
    align-items: center;
    position: relative;
    margin-bottom: 1.5em;
    padding: 1.5em 2em;
    text-align: left;
    border-radius: 1em 0 1em 1em;
    border: 1px solid #8e166a;
    border-bottom: 10px solid #8e166a;
    background-color: #fff;
    transition: transform .4s ease-out, box-shadow .3s ease-out;
}

.at-subThemes__theme:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px 5px rgba(0, 0, 0, 0.10);
}

.at-subThemes [class*='u-arrowLink']:hover:after {
    transform: rotate(-90deg);
}

.at-subThemes [class*='u-arrowLink']:hover {
    opacity: 1;
}

.at-subThemes__title {
    font-size: 1.1em;
    text-wrap: pretty;
}

@media (min-width: 568px) {
    .at-subThemes__themesList {
        display: flex;
        flex-wrap: wrap;
    }

    .at-subThemes__theme {
        flex-basis: calc((100% / 2) - 2.7em);
        margin-right: 4em;
    }

    .at-subThemes__theme:nth-child(2n) {
        margin-right: 0;
    }
}

@media (min-width: 1024px) {
    .at-subThemes__theme {
        flex-basis: calc((100% / 3) - 2.7em);
    }

    .at-subThemes__theme:nth-child(2n) {
        margin-right: 4em;
    }

    .at-subThemes__theme:nth-child(3n) {
        margin-right: 0;
    }
}