.container{display:flex;width:45.5rem;height:17.5rem;background:#ffffff;border-radius:.5rem}@media (max-width: 750px){.container{flex-direction:column;width:20.5rem;height:31.5rem}}.container .image{width:17.7rem;height:17.55rem;overflow:hidden;border-radius:.5rem 0 0 .5rem}.container .image img{height:17.55rem}@media (max-width: 750px){.container .image{width:20.5rem;height:12.5rem;position:relative;border-radius:.5rem .5rem 0 0}.container .image img{width:20.5rem;position:absolute;top:-1.7rem}}.container .text{width:27.8rem;padding:1.9rem 2.5rem 2rem;display:flex;flex-direction:column;justify-content:space-between;position:relative}.container .text h1{font-size:1.29rem}.container .text p{font-size:.85rem;line-height:1.2rem}.container .text .footer{display:flex;justify-content:space-between;align-items:center}.container .text .footer .author{display:flex}.container .text .footer .author img{border-radius:50%;width:2.5rem;height:2.5rem}.container .text .footer .author .author-data{padding-left:1.05rem}.container .text .footer .author .author-data h2{font-size:.83rem;font-weight:700}.container .text .footer .author .author-data p{font-size:.83rem}.container .text .footer .share{border:0px;border-radius:50%;width:2.1rem;height:2.1rem;background:hsl(210,46%,95%);display:flex;justify-content:center;align-items:center}.container .text .footer .share img{width:auto;height:.8rem;border-radius:0}.container .text .footer .share:hover{cursor:pointer;background:hsl(214,17%,51%)}.container .text .footer .share:hover img{filter:invert(100%) brightness(10000%) saturate(0%) hue-rotate(0deg)}.container .text .footer .share-clicked{cursor:pointer;background:hsl(214,17%,51%)}.container .text .footer .share-clicked img{filter:invert(100%) brightness(10000%) saturate(0%) hue-rotate(0deg)}.container .text .pop-up{display:none}.container .text .pop-up-show{display:flex;position:absolute;justify-content:space-between;align-items:center;padding:0 2.2rem;background-color:#48556a;width:15.4rem;height:3.5rem;border-radius:10px;right:-4.1rem;bottom:6rem}.container .text .pop-up-show h3{color:#6d7f97;text-transform:uppercase;font-size:.85rem;font-weight:300;letter-spacing:.27rem}.container .text .pop-up-show img{height:1.2rem}.container .text .pop-up-show img:hover{cursor:pointer;scale:1.1}.container .text .pop-up-show:before{content:"";position:absolute;bottom:-27px;left:50%;transform:translate(-50%);border:15px solid transparent;border-top-color:#48556a}@media (max-width: 750px){.container .text{width:20.5rem;height:18.1rem;margin:1.25rem 0 0;padding:0rem 2rem 0rem 2.1rem;justify-content:space-around}.container .text h1{font-size:1.03rem}.container .text p{font-size:.83rem}.container .text .footer .share{z-index:1}.container .text .pop-up-show{width:20.5rem;height:4rem;right:0;bottom:0;padding:0 7.5rem 0 2.1rem;border-radius:0 0 10px 10px}.container .text .pop-up-show:before{display:none}}*{margin:0;padding:0;box-sizing:border-box;font-family:Manrope}* body{background:hsl(210,46%,95%);height:100vh;max-width:1440px;margin:0 auto;display:flex;flex-direction:column;justify-content:center;align-items:center}