.comment-poster{margin:0 0 2rem}.comment-poster textarea{width:100%;padding:.5rem;border-radius:.5rem;border:1px solid transparent;background-color:var(--light-gray);color:var(--color-text);font-size:inherit;resize:none;display:block;transition:all .3s ease-in-out}.comment-poster textarea:focus{outline:none;border-color:var(--mint);background-color:var(--white);box-shadow:0 2px 0 0 var(--mint-shadow)}.comment-poster button{color:var(--black);box-sizing:border-box;width:auto;padding:1%;border:none;font-size:80%;border-radius:2.5px;background-color:var(--mint);box-shadow:0 4px 0 0 var(--mint-shadow);cursor:pointer;margin:1% auto;transform:translateY(-4px);transition:transform .3s cubic-bezier(.45,.08,.06,1.7),box-shadow .3s cubic-bezier(.45,.08,.06,1.7),background-color .3s ease-in-out}.comment-poster button:disabled,.comment-poster button:hover{transform:translateY(-2px);box-shadow:0 2px 0 0 var(--mint-shadow)}.comment-poster button:disabled{background-color:var(--mint-shadow);cursor:not-allowed}@media screen and (orientation:portrait){.comment-poster button{width:80%;margin:8px 10%}}.comment:not(:last-of-type){border-bottom:1px solid var(--gray);margin-bottom:1rem}.comment .comment-author{font-weight:700;color:var(--black);text-decoration:none}.comment .comment-author img{width:3rem;border-radius:50%;vertical-align:middle;float:left;margin-right:1rem}.comment .comment-author .comment-date{font-size:70%;color:var(--gray)}.like{float:right;background-color:transparent;font-size:250%;border:none;vertical-align:middle;cursor:pointer;color:var(--black);line-height:1}.like svg{width:100%;height:100%;fill:transparent;stroke:black;transition:all .3s}.like.liked svg{stroke:none;fill:red}