.at-tip {
    margin-block-end: 1.5rem;
}

.at-tip__item {
    padding-inline: 1.1rem;
    padding-block: .7rem 1rem;
    background-color: var(--secondaryColor300);
}

.at-tip__icon {
    width: 36px;
    max-width: 36px;
}

.at-tip__titleWrapper {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    align-items: center;
    gap: var(--gridGutterExtraSmall);
    margin-block-end: .8rem;
}

.at-tip__title {
    font-size: var(--h3Size);
    font-weight: 600;
    text-transform: uppercase;
    margin-block-end: 0;
    color: var(--secondaryColor500);
}

@media (min-width: 768px) {
    .at-tip__titleWrapper {
        align-items: flex-start;
        margin-block-end: 0;
    }

    .at-tip__title {
        margin-block-end: .5rem;
    }

    .at-tip__text {
        padding-inline-start: 2.8rem;
    }
}