.rn-like-btn {
    position:relative!important;
    transition:transform .16s ease,color .16s ease,background .16s ease!important;
    touch-action:manipulation!important;
}

.rn-like-btn.liked {
    color:#fff!important;
    background:#ff214f!important;
    border-radius:50%!important;
    box-shadow:0 8px 20px rgba(255,33,79,.32)!important;
}

.rn-like-btn.liked svg,
.rn-like-btn.liked svg path {
    fill:#fff!important;
    stroke:#fff!important;
}

.rn-like-btn.rn-v40-like-animate {
    animation:rnV40Like .34s cubic-bezier(.2,1.3,.3,1)!important;
}

@keyframes rnV40Like {
    0% { transform:scale(.82); }
    55% { transform:scale(1.2); }
    100% { transform:scale(1); }
}

/* V60: outrank the action-dock's forced white button state after liking. */
html body .rn-action-bar .rn-action-btn.rn-like-btn.liked,
html body .rn-action-bar button.rn-like-btn[aria-pressed="true"] {
    background: #ff214f !important;
    color: #ffffff !important;
    border-color: #ff214f !important;
    box-shadow: 0 8px 20px rgba(255, 33, 79, .38) !important;
}

html body .rn-action-bar .rn-like-btn.liked svg,
html body .rn-action-bar .rn-like-btn.liked svg path,
html body .rn-action-bar .rn-like-btn[aria-pressed="true"] svg,
html body .rn-action-bar .rn-like-btn[aria-pressed="true"] svg path {
    fill: #ffffff !important;
    stroke: #ffffff !important;
}