.author__details{font-size:1.3rem}.author{color:#575757;background:var(--color-white);font-size:1.6rem;border:1px solid #fafafa;box-shadow:var(--box-shadow-2);width:100%;padding:3rem 2rem}.author__details p{color:var(--color-gray)}.author__details h3{margin-top:0}.author__content{display:flex;gap:1rem;margin-bottom:1rem}@media (min-width:768px){.author{border-radius:var(--border-radius-big)}}@media (min-width:1024px){.author{align-self:start;width:27%;flex-grow:1;border-radius:var(--border-radius-big)}}.author .author__bio{margin:0;width:100%}.container-posts{width:100%}.container-posts>ul{display:flex;flex-direction:column;gap:2rem}.flow-content>*+*{margin-top:1rem}.preview{background:var(--color-white)}.preview__image img{width:100%}@media (min-width:768px){.preview{border-radius:var(--border-radius)}.preview .preview__image{display:block}.preview__image img{width:100%;border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius)}}.preview__details{padding:0 2rem 2rem;font-size:1.2rem}.title-link{color:var(--color-black)}.title-link:focus,.title-link:hover{color:var(--color-primary)}.title-link h2{font-size:2.4rem;margin-bottom:1rem}.preview__tags{display:flex;list-style:none;gap:1rem;flex-wrap:wrap}.preview__tags a{color:#090909;font-size:1.4rem}.preview__author{display:flex;gap:1rem;padding-left:1.6rem;font-size:1.4rem;margin-top:2rem}.author__image img{height:100%;width:100%}.preview .author__details{display:flex;flex-direction:column;font-size:1.4rem}.preview .author__name{font-weight:500;margin-top:0;color:var(--color-black);display:inline-block}.preview .author__date{font-size:1.2rem}.preview__reactions{margin-top:2rem}.preview__reactions,.preview__reactions>*{display:flex;justify-content:space-between}.preview__reactions>*{width:40%;gap:1rem;align-items:center}.comments__total,.reactions__total{display:flex;flex-direction:column;color:var(--color-black);padding:.5rem .8rem}.reactions__text{display:none}@media (min-width:350px){.preview__reactions--left>*,.preview__reactions--right>*{flex-direction:row;align-self:center}.preview__reactions span{align-self:center}}@media (min-width:768px){.preview__reactions>*{width:45%}.reactions__text{display:inline-block}}.preview__reactions i{margin-right:.8rem}.preview__reactions button:focus,.preview__reactions button:hover{border-radius:var(--border-radius)}.comments__total:focus,.comments__total:hover,.reactions__total:focus,.reactions__total:hover,.user-react a:focus{background:#f6f6f6;border-radius:var(--border-radius)}button.btn--save{background:#d6d6d7;text-transform:none;font-size:1.4rem;padding:.8rem 1rem}button.btn--save:hover{background:#bdbdbd}.btn-div{display:inline-block;padding-top:8rem}