ToggleButton {
display: inline-block
color: #757474
padding: 8px 10px
background: #2d2c2c
border: 0
border-radius: 3px
font-size: 13px
cursor: pointer
transition: background-color 0.25s ease, color 0.25s ease
-subscribe {
color: #ccc
:before {
content: '★ '
}
:hover {
background-color: #45b754;
color: white;
}
}
-unsubscribe {
background-repeat: no-repeat
background-position: right
background-image: svg(subscribed)
padding-right: 25px
:hover {
background-image: svg(subscribed-hover)
}
}
-disabled {
cursor: default
opacity: 0.4 !important
text-decoration: none !important
}
:hover {
opacity: 1
text-decoration: none
}
@svg subscribed {
width: 20px
height: 12px
content: " "
}
@svg subscribed-hover {
width: 20px
height: 12px
content: " "
}
}