كود css تلوين ازرار لائحة الصداقة

a[href^="/profile?friend"] {
    color: #FFF !important;
    font-size: 11px;
    font-weight: bold;
    background: #8B5;
    border-bottom: 2px solid #693;
    border-radius: 3px;
    display: inline-block;
    line-height: normal !important;
    padding: 6px 9px !important;
    margin: 2px;
    transition: 300ms;
    width: 136px;
}
a[href^="/profile?foe"] {
    color: #FFF !important;
    font-size: 11px;
    font-weight: bold;
    background: #E53;
    border-bottom: 2px solid #C31;
    border-radius: 3px;
    display: inline-block;
    line-height: normal !important;
    padding: 6px 9px !important;
    margin: 2px;
    transition: 300ms;
    width: 136px;
}
a[href^="/profile?friend"],a[href^="/profile?foe"]:hover {
    background: #333;
    border-bottom: 2px solid #111;
}