.left .float__text-image {
    float: left;
    padding-right: 30px;
}

.right .float__text-image {
    float: right;
    padding-left: 30px;
}

.smaller .float__text-image {
    width: 20%;
}

.classic .float__text-image {
    width: 40%;
}

.bigger .float__text-image {
    width: 60%;
}

.float__text-image img {
    width: 100%;
}

.float__text-container-btn {
    display: flex;
    gap: var(--gap-m);
    flex-wrap: wrap;
    padding-top: 30px;
}

@media (max-width:675px) {
    .right .float__text-image,
    .left .float__text-image {
        float: none;
        padding-left: 0;
        padding-right: 0;
    }

    .float__text-container {
        display: flex;
        flex-direction: column;
        gap: var(--gap-m);
    }

    .float__text-wrapper {
        display: flex;
        flex-direction: column-reverse;
        gap: var(--gap-l);
    }

    .float__text-container-btn {
        padding-top: 0;
        gap: var(--gap-s);
    }

    .float__text-container > *,
    .smaller .float__text-image,
    .classic .float__text-image,
    .bigger .float__text-image {
        width: 100%;
    }
}