@import '../../../scss/base';
.react-button {
    a {
        display: inline-block;
        color: #fff;
        padding: 10px 22px;
        font-size: 15px;
        font-weight: 400;
        font-family: var(--bodyFont);
        line-height: 26px;
        text-align: center;
        text-transform: capitalize;     
        background: var(--primaryColor);
        border-radius: 4px;
        border: 1px solid var(--primaryColor);
        transition: .3s;
        overflow: hidden;       
        &:hover {
            background: var(--whiteColor);
            color: var(--primaryColor);
        } 
    }
    &.secondary_btn {
        a {
            background: #d9d9d90f;
            border: 1px solid #9796e91a !important;
            box-sizing: border-box;
            &:hover {
                background: var(--primaryColor);
                border: 1px solid transparent;
            }
        }
       
    }
}