/*
 * @package MatrixAddons
 * @subpackage trainifyframework
 * @since 1.0.0
 */
.trainify-framework-social-icons{
    .social-icons{
        a{
            width: auto;
            height: auto;
            color: #fff;
            padding: 0.5em;
            font-size: 20px;
            margin: 5px 2px;
            line-height: 38px;
            background: #f88c00;
            text-align: center;
            border-radius: 10%;
            display: inline-block;
            transition-duration: 0.4s;
            transition-property: border-radius;
            background-color: rgb(248, 140, 0);
            .fa{
                height: 1em;
                width: 1em;
                display: block;
            }
            &:hover{
                color: #fff;
                opacity: 0.9;
                border-radius: 50%;
                position: relative;
            }
        }
    }
}