.tweetable-quote{background:hsl(var(--blue-50));border-left:4px solid hsl(var(--blue-500));cursor:pointer;border-radius:0 .5rem .5rem 0;margin:1.5rem 0;padding:1.5rem;transition:all .3s;position:relative}.dark .tweetable-quote{background:#04122f4d}.tweetable-quote:hover{background:hsl(var(--blue-100));box-shadow:0 10px 15px -3px #0000001a}.dark .tweetable-quote:hover{background:#04122f80}:root{--blue-50:0 0% 98%;--blue-100:0 0% 90%;--blue-500:217 91% 60%}.tweetable-quote:after{content:"🐦 Clique para tweetar";color:hsl(var(--blue-500));opacity:0;pointer-events:none;font-size:.75rem;transition:opacity .3s;position:absolute;bottom:.5rem;right:.75rem}.tweetable-quote:hover:after{opacity:1}.tweetable-quote p{margin:0;font-size:1.125rem;font-style:italic;line-height:1.75}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.tweetable-quote{animation:.4s ease-out fadeInUp}.article-content{font-size:18px;line-height:1.8}@media (width<=767px){.article-content{font-size:15px;line-height:1.65}.prose h2{font-size:1.2rem}.prose h3{font-size:1.05rem}.tweetable-quote{margin:1rem 0;padding:1rem}.tweetable-quote p{font-size:1rem}}