.developments__development{flex:0 0 auto;height:452px;width:300px;display:flex;position:relative;border-radius:20px;transition:width .5s ease,padding-right .5s ease,filter .5s ease;overflow:hidden}.developments__development:hover{width:500px;padding-right:60px;filter:contrast(140%);border:1px solid #fff}.developments__development+.developments__development{margin-left:-50px}.development__image{position:absolute;width:100%;height:452px}.development__image>img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.development__filter{position:absolute;width:100%;height:100%;background-color:rgba(0,0,0,.5)}.development__content{position:absolute;width:100%;padding:30px;display:flex;flex-direction:column;justify-content:flex-end;height:452px}.content__title{font-size:1.3rem;font-weight:700;color:var(--primary-text-color)}.content__description{display:none;width:90%;transition:1s ease-in-out;margin:20px 0;color:var(--primary-text-color)}.development__content:hover .content__title{font-size:1.5rem}.development__content:hover .content__description{font-size:.9rem;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:4;line-clamp:4}.content__btn-explorer{border:none;background-color:transparent;color:var(--primary-text-color);font-weight:700;width:50%;max-width:200px;text-align:start;transition:all .3s ease-in-out;font-size:1rem;margin-top:5px}.development__content:hover .content__btn-explorer{border-radius:16px;font-weight:400;height:2rem;background-color:var(--secondary-bg-color);color:#ffffff;cursor:pointer;text-align:center}@media (max-width:770px){.developments__development:hover{flex:0 0 auto;height:452px;width:300px;border:none;display:flex;position:relative;border-radius:20px;transition:width .5s ease,padding-right .5s ease,filter .5s ease;overflow:hidden}.developments__development+.developments__development{margin-left:0}.development__content:hover .content__description{display:none}.development__content:hover .content__title{font-size:1.3rem}.development__content:hover .content__btn-explorer{border:none;background-color:transparent;color:var(--primary-text-color);font-weight:700;width:50%;max-width:200px;text-align:start;transition:all .3s ease-in-out;font-size:1rem;margin-top:5px}}