.packagistButtonGroup .packagistButton {
    clear: both;
    
    margin: 10px 0 20px 0;
}

.packagistButtonGroup.stacked .packagistButton {
    display: block;
}

.packagistButtonGroup.stacked .packagistButton + .packagistButton {
    margin-top: -10px;
}

.packagistButtonGroup.inline .packagistButton + .packagistButton {
    margin-left: 4ex;
}

.packagistButtonGroup .packagistButton a {
    background: url(./../images/packagist-button.png) no-repeat;
    
    display: inline-block;
    
    width: 170px;
    height: 26px;
    
    vertical-align: middle;
}

.packagistButtonGroup a.packagistDownloadsButton:hover, .packagistButtonGroup a.packagistDownloadsButton:active {
    background-position: 0 -26px;
}

.packagistButtonGroup .packagistButton span.count {
    background-color: #FAFAFA;
    
    position: relative;
    
    font-family: Arial, sans-serif;
    font-size: 11px;
    color: #666666;
    
    text-decoration: none;
    text-shadow: 0 1px 0 #FFFFFF;
    
    line-height: 15px;
    
    white-space: nowrap;
    
    border: 1px solid #DDDDDD;
    
    margin-left: 8px;
    padding: 6px 7px 5px;
    
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.packagistButtonGroup .packagistButton span.count:after {
    display: block;
    
    position: absolute;
    top: 50%;
    right: 100%;
    
    content: "";
    
    border-width: 6px;
    border-style: solid;
    border-color: transparent #FAFAFA transparent transparent;
    
    width: 0;
    height: 0;
    
    margin-right: -1px;
    margin-top: -6px;
}

.packagistButtonGroup .packagistButton span.count:before {
    display: block;
    
    position: absolute;
    top: 50%;
    right: 100%;
    
    content: "";
    
    border-width: 6px;
    border-style: solid;
    border-color: transparent #D4D4D4 transparent transparent;
    
    width: 0;
    height: 0;
    
    margin-right: 0;
    margin-top: -6px;
}