.armef-wrap {
display: flex;
align-items: flex-start;
gap: 14px; flex-wrap: wrap;
} .armef-wrap.pos-left {
flex-direction: row;
}
.armef-wrap.pos-right {
flex-direction: row-reverse;
}
.armef-wrap.pos-top {
flex-direction: column;
}
.armef-wrap.pos-bottom {
flex-direction: column-reverse;
} .armef-image img {
display: block;
max-width: 100%;
height: auto;
} .armef-text .hidden {
display: block;
max-height: 0;
overflow: hidden;
opacity: 0;
transition: max-height .45s ease, opacity .35s ease;
} .armef-btn {
display: inline-block;
cursor: pointer;
text-decoration: none;
transition: opacity .2s ease;
}