.fexe-recommendations .fexe-recommendation-item{
    padding: 20px;
    border-bottom: solid 1px #ccc;

    .recommendation-title{
        font-weight: 700;
        font-size: 18px;
        color: #666;
        line-height: 1.3em;
        cursor: pointer;
        position: relative;
        padding-right: 30px;

        &::after{
            font-family: 'ETmodules';
            content: "\E050";
            position: absolute;
            top: 0;
            right: 0;
            font-size: 24px;
        }
    }
    .recommendation-costs{
        margin-bottom: 15px;
    }
    .recommendation-cost{
        font-weight: bold;
    }
    .recommendation-content-wrapper{
        overflow: hidden;
        max-height: 0;
        opacity: 0;
        transition: max-height 0.6s ease-in-out, opacity 0.3s ease-in-out;
    }

    &.active{
        .recommendation-content-wrapper{
            opacity: 1;
            transition: max-height 0.6s ease-in-out, opacity 0.3s ease-in-out;
        }

        .recommendation-title{
            &::after{
                content: "\E04F";
            }
        }
    }
}

.fexe-recommendations{
    .fexe-anexos{
        padding: 20px;

        a{
            display: block;
        }
    }
}