.favorite-slot{display:inline-flex;align-items:center;gap:12px}.favorite-button{display:grid;place-items:center;width:44px;height:44px;padding:7px;border:0;border-radius:5px;background:transparent;cursor:pointer;color:#987000}.favorite-button svg{width:27px;height:27px;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round;fill:white}.favorite-button[aria-pressed=true] svg{fill:#e8b52e;stroke:#987000}.favorite-button:focus-visible{outline:3px solid #b37b00;outline-offset:1px}@media(max-width:600px){.favorite-slot{flex-basis:100%}}

.reaction-area{margin-top:.15rem;padding-top:7px}.reaction-area>.reaction-row:first-child{padding:0;row-gap:0}@media(max-width:600px){.favorite-slot{height:30px;align-items:center}}

.bottom-button{display:grid;place-items:center;width:44px;height:44px;padding:8px;border:0;border-radius:5px;background:transparent;cursor:pointer;color:#596c69}.bottom-button svg{width:25px;height:25px;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;fill:none}.bottom-button[aria-pressed=true]{background:#dce7e4;color:#173e39}.bottom-button:focus-visible{outline:3px solid #b37b00;outline-offset:1px}