.b-link {
                display: inline-block;
                text-decoration: none !important;
                text-align: center;
                vertical-align: middle;
                color: #2B2B2B !important;
                font-size: 1rem;
                font-weight: 700;
                padding: 10px 30px 10px 30px;
                position: relative;
                border: 1px solid #2B2B2B;
                border-radius: 15;
                overflow: hidden;
                z-index: 20
            }

            .b-wipe {
                transition: color .3s
            }

            .b-wipe:after {
                width: 100%;
                height: 100%;
                display: block;
                background-color: #2B2B2B;
                content: " ";
                position: absolute;
                top: 0;
                left: 0;
                transition: transform .2s cubic-bezier(.215,.61,.355,1);
                z-index: -1
            }

            .b-wipe:hover {
                color: #fff !important;
            }

            .b-lft-rgt-wipe:after {
                transform: translateX(-100%)
            }

            .b-lft-rgt-wipe:hover:after {
                transform: translateX(0%)
            }