.wyr-reaction,.wyr-reaction-icon{text-align:center;display:block}.wyr-reactions{margin:3rem 0}.wyr-reaction-icon{width:50px;height:50px;margin:0 auto 12px;position:relative;font-size:12px;line-height:1;text-transform:uppercase;background-color:#ffda6a;color:#000;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%}.wyr-reaction-icon img{position:relative;z-index:10;display:block;width:100%;height:100%}.wyr-reaction-icon-text{display:none;position:absolute;top:50%;left:0;right:0;white-space:nowrap;-webkit-transform:translateY(-.5em) rotate(-30deg);-moz-transform:translateY(-.5em) rotate(-30deg);-ms-transform:translateY(-.5em) rotate(-30deg);-o-transform:translateY(-.5em) rotate(-30deg);transform:translateY(-.5em) rotate(-30deg)}.wyr-reaction-icon-with-text .wyr-reaction-icon-text,.wyr-reaction-label{display:block}.wyr-reaction-icon-with-text img{visibility:hidden}.wyr-reaction-track{height:100px;overflow:hidden;position:relative;background:#f2f2f2;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;border-radius:6px}.wyr-reaction-bar{position:absolute;top:auto;bottom:0;left:0;right:0;background-color:#ff0036;opacity:.2;-webkit-transition:border-color 375ms ease-in-out,background-color 375ms ease-in-out,color 375ms ease-in-out,opacity 375ms ease-in-out,height 375ms ease-in-out;-moz-transition:border-color 375ms ease-in-out,background-color 375ms ease-in-out,color 375ms ease-in-out,opacity 375ms ease-in-out,height 375ms ease-in-out;-o-transition:border-color 375ms ease-in-out,background-color 375ms ease-in-out,color 375ms ease-in-out,opacity 375ms ease-in-out,height 375ms ease-in-out;transition:border-color 375ms ease-in-out,background-color 375ms ease-in-out,color 375ms ease-in-out,opacity 375ms ease-in-out,height 375ms ease-in-out}.wyr-reaction-value{position:relative;z-index:3;line-height:100px;font-family:Poppins,sans-serif;color:#000}.wyr-reaction-button{display:block;padding:8px;border-width:2px;margin-top:6px;font-size:14px;line-height:1;text-transform:uppercase;border-style:solid;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;border-radius:6px;border-color:#e6e6e6;background-color:#e6e6e6;color:#000;-webkit-transition:border-color 375ms ease-in-out,background-color 375ms ease-in-out,color 375ms ease-in-out,opacity 375ms ease-in-out;-moz-transition:border-color 375ms ease-in-out,background-color 375ms ease-in-out,color 375ms ease-in-out,opacity 375ms ease-in-out;-o-transition:border-color 375ms ease-in-out,background-color 375ms ease-in-out,color 375ms ease-in-out,opacity 375ms ease-in-out;transition:border-color 375ms ease-in-out,background-color 375ms ease-in-out,color 375ms ease-in-out,opacity 375ms ease-in-out}.wyr-reaction-items{display:flex;flex-wrap:wrap;margin:0 -6px 1.5rem;list-style:none;font-size:0}.wyr-reaction-item{display:inline-block;width:100px;vertical-align:top;font-size:1rem;flex-grow:1}.wyr-reaction-item .wyr-reaction{margin:0 6px 1.5rem}.wyr-reaction-voted .wyr-reaction-bar,.wyr-reaction:hover .wyr-reaction-bar{opacity:1}.wyr-reaction-voted .wyr-reaction-button,.wyr-reaction:hover .wyr-reaction-button{border-color:#ff0036;background-color:#ff0036;color:#fff}