.comments .panel textarea { color: rgb(55, 62, 68); font-size: 15px; background-color: rgb(255, 255, 255); border-radius: 5px; border-width: 1px; border-color: rgb(212, 214, 215); border-style: solid; padding: 10px; width: 100%; resize: vertical; font-weight: normal; aspect-ratio: 6/1; } .comments .panel .controller { display: flex; margin: 15px 0px 30px 0px; justify-content: space-between; } .comments .panel .controller input { box-sizing: border-box; width: 100%; box-shadow: none; display: inline-block; outline: 0px; color: rgb(55, 62, 68); font-size: 15px; background-color: rgb(255, 255, 255); border-radius: 5px; border-width: 1px; border-color: rgb(212, 214, 215); border-style: solid; padding: 10px; margin-right: 15px; } .comments .panel .controller button, .more-comments { -webkit-box-pack: center; justify-content: center; display: inline-block; vertical-align: middle; opacity: 1; outline: 0px; cursor: pointer; user-select: none; appearance: none; white-space: nowrap; color: rgb(255, 255, 255); font-size: 14px; background-color: rgb(126 115 253); border-radius: 5px; border-width: 0px; padding: 10px 20px; } .comments .lists .avatar-comment svg, .comments .lists .avatar-comment img { width: 40px; min-width: 40px; height: 40px; margin: 8px 0 0 0; border-radius: 50%; } .comments .lists .avatar-comment { margin-right: 15px; } .comments .lists .like svg { width: 16px; height: 16px; } .comments .lists .like:hover svg, .comments .lists .like.active svg { color: rgb(130, 92, 255); } .comments .lists .like { float: right; cursor: pointer; display: flex; gap: 8px; justify-content: center; align-items: center; position: absolute; right: 25px; bottom: 15px; } .comments .lists li { display: flex; margin: 20px 0px 10px; width: auto; margin-bottom: 24px; overflow: hidden; position: relative; border-radius: 8px; box-shadow: 0px 15px 40px 0px rgba(33, 87, 191, 0.1); background: white; padding: 24px; border: 1px solid white; transition: 0.5s; } .comments .lists li .rev__stars { position: absolute; top: 28px; right: 25px; } .comments .lists li:hover { border: 1px solid #1eade8; } .comments .lists li .content-comment { width: 100%; text-align: left; } .comments .lists .title-comment { color: #13a5e1; font-size: 15px; letter-spacing: 0em; font-weight: 400; } .comments .lists p { margin: 0px; } .comments .lists time { text-decoration: none; color: rgb(101 101 101); font-size: 12px; line-height: 12.5px; letter-spacing: 0em; margin: 0px; padding: 0px; font-weight: 400; } .more-comments { margin: 0 auto; } .hide-more-comments { display: none; }