$sw-ButtonAddBallot-height: 44px; .sw-ButtonAddBallot { align-items: center; border: none; border-radius: 3px; color: #fff; cursor: pointer; display: flex; font-size: 14px; font-weight: 700; height: $sw-ButtonAddBallot-height; justify-content: space-between; line-height: $sw-ButtonAddBallot-height; opacity: 1; outline: none; padding: 0 15px; text-decoration: none; transition: 0.15s background-color; &#{ & }-core { background-color: $poa-purple; color: #fff; &:hover { background-color: darken($poa-purple, 10%); } } &#{ & }-sokol { background-color: $sokol-cyan; color: #fff; &:hover { background-color: darken($sokol-cyan, 5%); } } &#{ & }-dai { background-color: $xdai-green; color: #fff; &:hover { background-color: lighten($xdai-green, 5%); } } &#{ & }-kovan { background-color: $kovan-cyan; color: #fff; &:hover { background-color: darken($kovan-cyan, 5%); } } }