Код:
.writer-desc { font-size: 11px; margin: 10px 0px 15px !important; padding: 0px; display: flex; flex-direction: column; gap: 10px; font-size: 10px; } .writer-counter-wrapper { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; background: rgba(255,255,255,.05); padding: 15px } .writer-counter-wrapper button { width: 100%; margin-top: 10px !important; } #writer-top-start-date { margin-right: 20px } #writer-top { display: flex; flex-direction: column; gap: 1px; padding: 0px; margin: 0px 0px } .writer-item__container { padding: 15px; display: flex; gap: 0px 10px; flex-wrap: wrap; background: rgba(255,255,255,.05); } .writer-item__username { font-weight: bold; font-size: 13px } .writer-item__numb { background: #fff; border-radius: 10px; padding: 0 10px 1px; color: #000; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 11px } .writer-item__details { width: 100%; padding-top: 5px; cursor: pointer } .writer-item__details:before { content: "Information"; text-transform: uppercase; border: 1px solid rgba(255,255,255,.05); border-radius: 10px; padding: 2px 10px; font-size: 9px; opacity: .75 } .writer-item__details.open .writer-item__details-list { display: flex } .writer-item__details-list { display: none; flex-direction: column; gap: 0; font-size: 10px; margin-top: 10px !important; } .writer-item__details-list a { font-size: 12px; font-weight: 500 } .writer-item__details-list li { border-bottom: 1px solid rgba(255,255,255,.05); padding: 10px 0 !important; } .writer-item__details-list li:last-child { border: none !important; padding-bottom: 0 !important; } #writer-summary { display: flex; gap: 5px; flex-wrap: wrap; font-weight: bold; background: rgba(255,255,255,.05); padding: 15px; margin-top: 1px; margin-bottom: 10px }