/* Mobile View */
@media screen and (max-width: 79.5rem){

#feed{
display:block;
width:2.5rem;
height:2.5rem;
position:relative;
overflow:hidden;
cursor:pointer;
}

#feed p{
width:2.5rem;
margin:0;
padding:0;
/*
border:1px #FF00FF solid;
background:#0FF000;
*/
top:0;
left:0;
position:relative;
z-index:2;
}

}


/* Desktop View */
@media screen and (min-width: 79.5rem){

#feed{
display:block;
width:2.5rem;
height:2.5rem;
position:relative;
overflow:hidden;
margin:0 .45rem 0 0;
}

#feed p{
height:3rem;
margin:0;
padding:0;
top:0;
left:0;
position:relative;
z-index:2;
}

}

#feed{
background:url('/asset/img/feed/off.svg') no-repeat top left;
}

#feed:hover{
background:url('/asset/img/feed/on.svg') no-repeat top left;
}

#feed.on{
background:url('/asset/img/feed/on.svg') no-repeat top left;
}

#feed.on:hover{
background:url('/asset/img/feed/off.svg') no-repeat top left;
}



#feed p span{
display:block;
width:100%;
margin:0 0 0 10em;
}

#feed .info{
display:flex;
justify-content:flex-end;
align-items:center;
min-width:1.25rem;
height:1.25rem;
background:var(--base-background-color);
position:absolute;
top:0;
right:0;
border:2px solid var(--base-background-color);
border-radius:50%;
z-index:1;
}

#feed .info p{
display:flex;
justify-content:center;
align-items:center;
width:100%;
height:100%;
margin:0;
padding:0;
font-size:.65rem;
text-align:center;
color:var(--base-font-color);
}