.cp_articleblog{display:block;max-width:365px;width:100%}.cp_articleblog__image{background-size:cover;height:280px;margin-bottom:12px}.cp_articleblog__top{color:rgba(0,0,0,.5)}.cp_articleblog__button{color:#000;opacity:0;transition:opacity .5s ease-out}.cp_articleblog__extract{color:#000;margin-bottom:16px}.cp_articleblog__button .icon{border:1px solid #000;border-radius:50%;height:26px;width:26px}.cp_articleblog__top{font-size:16px;margin-bottom:2px}.cp_articleblog__title.h4{margin-bottom:4px}@media (hover:hover){.cp_articleblog:hover .cp_articleblog__button{opacity:1}}