@import "../variables/colors.variables.scss";
.mainbtn{
    display: inline-block;
    font-weight: 400;
    line-height: 36px;
    // color: #212529;
    color: $text-color;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    background-color: transparent;
    outline: none;
    // padding: 0.375rem .75rem;
    font-size: 1rem;
    border-radius: 0.5rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    padding: 8px 14px;
    // width: 76px;
    // height: 36px;
    cursor: pointer;
}
.alt-btn-p{
    @extend .mainbtn;
    background-color: map-get($primary, 500) !important;
    color: var(--black);
    border: none;
    border: 1px solid map-get($primary, 500) !important;
    &:active{
        transform: translateY(1px);
        background-color: map-get($primary, act) !important;
    }
    // &:hover{
    //     background-color: map-get($primary, hov) !important;
    //     border: 1px solid map-get($primary, hov) !important;

    // }
    &:disabled{
        background-color: $lightprimary !important;
        border: 1px solid $lightprimary !important;
    }
}