.info-box-item {
    padding: 32px 32px 24px;
    display: flex;
    flex-direction: column;
    height: 100%;
    box-shadow: 2px 15px 48px 3px rgba(0, 0, 0, 0.16);
    border-radius: 3px;
    gap: 3rem;
    align-items: center;

    @include breakpoint(sm) {
        align-items: flex-start;
        flex-direction: row;
        gap: 1.5rem;
    }

    @include breakpoint(xl) {
        padding: 64px 64px 35px;
        gap: 3rem;
    }

    &__image {
        @include max-size(80px);
    }

    &__content {
        display: flex;
        flex-direction: column;
        row-gap: 32px;
        text-align: center;

        @include breakpoint(sm) {
            text-align: left;
        }

        * {
            margin: 0;
        }
    }
}