/* svg icons */
.button-main::before{-webkit-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 44'%3E%3Cg%3E%3Cg%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' fill='%23fff' d='M42.6,21.6L23,1c-0.3-0.3-0.6-0.4-0.9-0.4c-0.4,0-0.7,0.1-0.9,0.4L1.4,21.6c-0.5,0.5-0.5,1.4,0,1.9c0.5,0.5,1.4,0.5,1.9,0L5,21.6v19.7c0,0.7,0.6,1.3,1.3,1.3h9.1c0.7,0,1.3-0.6,1.3-1.3l0-13.1h10.4v13.1c0,0.7,0.6,1.3,1.3,1.3h9.1c0.7,0,1.3-0.6,1.3-1.3V21.6l1.8,1.9c0.3,0.3,0.6,0.4,0.9,0.4c0.3,0,0.7-0.1,0.9-0.4C43.1,23,43.1,22.1,42.6,21.6z M36.4,19.2v20.7h-6.5V26.8c0-0.7-0.6-1.3-1.3-1.3h-13c-0.7,0-1.3,0.6-1.3,1.3l0,13.1H7.6V19.2c0-0.1,0-0.2-0.1-0.3L22,3.8l14.4,15.1C36.4,19,36.4,19.1,36.4,19.2z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");background-size:cover}
.button-interest::before{-webkit-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg version='1.1' id='button-favoraite--active' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 22 22' style='enable-background:new 0 0 22 22;' xml:space='preserve'%3e%3cstyle type='text/css'%3e .st0%7bfill:none;stroke:%23fff;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;%7d %3c/style%3e%3cpath class='st0'  d='M15,3.8c-1.8,0-3.3,1.1-4,2.6c-0.7-1.5-2.2-2.6-4-2.6c-2.4,0-4.3,1.9-4.3,4.3c0,5.6,8.3,10.1,8.3,10.1 s8.3-4.5,8.3-10.1C19.3,5.7,17.3,3.8,15,3.8z'/%3e%3c/svg%3e");background-size:cover;}
.button-interest .icon{-webkit-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg version='1.1' id='button-favoraite--active' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 22 22' style='enable-background:new 0 0 22 22;' xml:space='preserve'%3e%3cstyle type='text/css'%3e .st0%7bfill:none;stroke:%23fff;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;%7d %3c/style%3e%3cpath class='st0'  d='M15,3.8c-1.8,0-3.3,1.1-4,2.6c-0.7-1.5-2.2-2.6-4-2.6c-2.4,0-4.3,1.9-4.3,4.3c0,5.6,8.3,10.1,8.3,10.1 s8.3-4.5,8.3-10.1C19.3,5.7,17.3,3.8,15,3.8z'/%3e%3c/svg%3e");background-size:cover;}
.button-interest.on::before { background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg version='1.1' id='button-favoraite--active' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 22 22' style='enable-background:new 0 0 22 22;' xml:space='preserve'%3e%3cstyle type='text/css'%3e .st0%7bfill:%23fff;stroke:%23fff;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;%7d %3c/style%3e%3cpath class='st0'  d='M15,3.8c-1.8,0-3.3,1.1-4,2.6c-0.7-1.5-2.2-2.6-4-2.6c-2.4,0-4.3,1.9-4.3,4.3c0,5.6,8.3,10.1,8.3,10.1 s8.3-4.5,8.3-10.1C19.3,5.7,17.3,3.8,15,3.8z'/%3e%3c/svg%3e");background-size:cover}
.button-interest.selected::before { background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg version='1.1' id='button-favoraite--active' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 22 22' style='enable-background:new 0 0 22 22;' xml:space='preserve'%3e%3cstyle type='text/css'%3e .st0%7bfill:%23fff;stroke:%23fff;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;%7d %3c/style%3e%3cpath class='st0'  d='M15,3.8c-1.8,0-3.3,1.1-4,2.6c-0.7-1.5-2.2-2.6-4-2.6c-2.4,0-4.3,1.9-4.3,4.3c0,5.6,8.3,10.1,8.3,10.1 s8.3-4.5,8.3-10.1C19.3,5.7,17.3,3.8,15,3.8z'/%3e%3c/svg%3e");background-size:cover}
.button-interest.selected::before { background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg version='1.1' id='button-favoraite--active' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 22 22' style='enable-background:new 0 0 22 22;' xml:space='preserve'%3e%3cstyle type='text/css'%3e .st0%7bfill:%23fff;stroke:%23fff;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;%7d %3c/style%3e%3cpath class='st0'  d='M15,3.8c-1.8,0-3.3,1.1-4,2.6c-0.7-1.5-2.2-2.6-4-2.6c-2.4,0-4.3,1.9-4.3,4.3c0,5.6,8.3,10.1,8.3,10.1 s8.3-4.5,8.3-10.1C19.3,5.7,17.3,3.8,15,3.8z'/%3e%3c/svg%3e");background-size:cover; background-position: 1px 0;}
.button-interest.selected .icon { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg version='1.1' id='button-favoraite' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 22 22' style='enable-background:new 0 0 22 22;' xml:space='preserve'%3e%3cstyle type='text/css'%3e .st0%7bfill:%23ff6d6d;stroke:%23ff6d6d;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;%7d %3c/style%3e%3cpath class='st0'  d='M15,3.8c-1.8,0-3.3,1.1-4,2.6c-0.7-1.5-2.2-2.6-4-2.6c-2.4,0-4.3,1.9-4.3,4.3c0,5.6,8.3,10.1,8.3,10.1 s8.3-4.5,8.3-10.1C19.3,5.7,17.3,3.8,15,3.8z'/%3e%3c/svg%3e"); }
.button-interest.selected .heart { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg version='1.1' id='button-favoraite' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 22 22' style='enable-background:new 0 0 22 22;' xml:space='preserve'%3e%3cstyle type='text/css'%3e .st0%7bfill:%23ff6d6d;stroke:%23ff6d6d;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;%7d %3c/style%3e%3cpath class='st0'  d='M15,3.8c-1.8,0-3.3,1.1-4,2.6c-0.7-1.5-2.2-2.6-4-2.6c-2.4,0-4.3,1.9-4.3,4.3c0,5.6,8.3,10.1,8.3,10.1 s8.3-4.5,8.3-10.1C19.3,5.7,17.3,3.8,15,3.8z'/%3e%3c/svg%3e");}
.button-share::before{-webkit-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); background-image:url("data:image/svg+xml,%3Csvg version='1.1' id='button-share' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 22 22' style='enable-background:new 0 0 22 22;'   xml:space='preserve'%3E%3Cg%3E%3Cpath fill='%23fff' d='M8.2,5.5c0.2,0,0.4-0.1,0.5-0.2l1.5-1.5V16c0,0.4,0.3,0.8,0.8,0.8s0.8-0.3,0.8-0.8V3.8l1.5,1.5c0.1,0.1,0.3,0.2,0.5,0.2 s0.4-0.1,0.5-0.2c0.3-0.3,0.3-0.8,0-1.1l-2.8-2.8c-0.1-0.1-0.2-0.1-0.2-0.2c-0.2-0.1-0.4-0.1-0.6,0c-0.1,0-0.2,0.1-0.2,0.2L7.6,4.3 C7.3,4.5,7.3,5,7.6,5.3C7.8,5.5,8,5.5,8.2,5.5z'/%3E%3Cpath fill='%23fff' d='M18,7.3h-4c-0.4,0-0.8,0.3-0.8,0.8s0.3,0.8,0.8,0.8h3.3v10.5H4.8V8.8H8c0.4,0,0.8-0.3,0.8-0.8S8.4,7.3,8,7.3H4 C3.6,7.3,3.3,7.6,3.3,8v12c0,0.4,0.3,0.8,0.8,0.8h14c0.4,0,0.8-0.3,0.8-0.8V8C18.8,7.6,18.4,7.3,18,7.3z'/%3E%3C/g%3E%3C/svg%3E"); background-size:cover;}