a.hvr-radial-out{
    display: inline-block;
    padding: 8px 16px;
}

a.hvr-radial-out-white{
    color: white !important;
}


/* Radial Out */
.hvr-radial-out, .hvr-radial-out-inverted, .hvr-radial-out-orange {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    overflow: hidden;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    cursor: pointer;
}
.hvr-radial-out:before, .hvr-radial-out-inverted:before, .hvr-radial-out-orange:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgb(111, 3, 45);
    border-radius: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.hvr-radial-out:hover, .hvr-radial-out:focus, .hvr-radial-out:active {
    color: white;
}
.hvr-radial-out:hover:before, .hvr-radial-out:focus:before, .hvr-radial-out:active:before,
.hvr-radial-out-inverted:hover:before, .hvr-radial-out-inverted:focus:before, .hvr-radial-out-inverted:active:before,
.hvr-radial-out-orange:hover:before{
    -webkit-transform: scale(2);
    transform: scale(2);
}

.hvr-radial-out-inverted{
    background-color: rgb(111, 3, 45) !important;
    color:white !important;
    border: 1px solid rgb(111, 3, 45) !important;
}

.hvr-radial-out-inverted:before{
    background-color: white !important;
}

.hvr-radial-out-inverted:hover, .hvr-radial-out-inverted:focus, .hvr-radial-out-inverted:active {
    color: rgb(111, 3, 45) !important;
    border: 1px solid rgb(111, 3, 45) !important;
}

.hvr-radial-out-orange{
    cursor: pointer;
    background-color: darkorange !important;
    color:white !important;
    border: 1px solid darkorange !important;
}

.hvr-radial-out-orange:before{
    background-color: white !important;
}

.hvr-radial-out-orange:hover, .hvr-radial-out-orange:focus{
    color: darkorange !important;
    border: 1px solid darkorange !important;
}

.hvr-radial-out-white{
    border: 1px solid #424242;
    background-color: #424242;
}

.hvr-radial-out-white:hover, .hvr-radial-out-white:focus, .hvr-radial-out-white:active {
    color: #424242 !important;
}

.hvr-radial-out-white:before{
    background-color: white !important;
}

.hvr-radial-out-black, .hvr-radial-out-white.attiva{
    border: 1px solid #424242;
    background-color: white;
    color: #424242;
}

.hvr-radial-out-black:hover, .hvr-radial-out-black:focus, .hvr-radial-out-black:active{
    color: white !important;
}

.hvr-radial-out-black:before, .hvr-radial-out-black.attiva:before{
    background-color: #424242;
}

.hvr-radial-out-red{
    cursor: pointer;
    background-color: darkred !important;
    color:white !important;
    border: 1px solid darkred !important;
}

.hvr-radial-out-red:before{
    background-color: white !important;
}

.hvr-radial-out-red:hover, .hvr-radial-out-red:focus, .hvr-radial-out-red:active {
    color: darkred !important;
    border: 1px solid darkred !important;
}
.hvr-radial-out-white.attiva{
    color: #424242!important;
}