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