.btn-purple {
    background-color: #412087;
    border-color: #412087;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
    background-color: #391c77;
    background-image: -moz-linear-gradient(top,#412087,#2d165e);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#412087),to(#2d165e));
    background-image: -webkit-linear-gradient(top,#412087,#2d165e);
    background-image: -o-linear-gradient(top,#412087,#2d165e);
    background-image: linear-gradient(to bottom,#412087,#2d165e);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff412087', endColorstr='#ff2d165d', GradientType=0);
    border-color: #2d165e #2d165e #0f0820;
    border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
}
.btn-purple:hover,
.btn-purple:focus {
    text-decoration: none;
    background-position: 0 -15px;
    -webkit-transition: background-position .1s linear;
    -moz-transition: background-position .1s linear;
    -o-transition: background-position .1s linear;
    transition: background-position .1s linear;
}
.btn-purple:hover,
.btn-purple:focus {
    background-color: #2d165e;
}
.btn-purple:active,
.btn-purple.active,
.btn-purple.active:hover {
    background-color: #371b72;
    border-color: #2d165e;
}
.btn-purple.disabled:hover,
.btn-purple.disabled:focus,
.btn-purple.disabled:active,
.btn-purple.disabled.active,
.btn-purple[disabled] .btn-purple:hover,
.btn-purple[disabled] .btn-purple:focus,
.btn-purple[disabled] .btn-purple:active,
.btn-purple[disabled] .btn-purple.active {
    background-color: #412087;
    border-color: #412087;
}

.btn:focus,
.btn:active,
.btn:hover,
.btn.active
{
    color: #ccc;
}