/*nut nhan*/
.btn1 {
    text-align: center;
    display: block;
    width: 100%;
    height: 50px;
    border-radius: 25px;
    outline: none;
    border: none;
    background-image: linear-gradient(to left, #32be8f, #38d39f, #F774ED);
    background-size: 200%;
    font-size: 16px !important;
    color: #fff;
    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
    margin: 0;
    cursor: pointer;
    transition: .4s;
    background-position: right bottom;
}

    .btn1:hover {
        background-position: left bottom;
    }

.btn2 {
    text-align: center;
    display: block;
    width: 100%;
    height: 40px;
    border-radius: 22px;
    outline: none;
    border: none;
    background-image: linear-gradient(to left, #32be8f, #38d39f, #ff6600);
    background-size: 200%;
    font-size: 12px !important;
    color: #fff;
    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
    margin: 1rem 0;
    cursor: pointer;
    transition: .4s;
    background-position: right bottom;
}

    .btn2:hover {
        background-position: left bottom;
    }

.btn3 {
    text-align: center;
    display: block;
    width: 100%;
    height: 50px;
    /*border-radius: 25px;*/
    outline: none;
    border: none;
    border-radius: 25px;
    background-image: linear-gradient(to left, #32be8f, #38d39f, #ff6600);
    background-size: 200%;
    font-size: 16px !important;
    color: #fff;
    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
    margin: 1rem 0;
    cursor: pointer;
    transition: .4s;
    background-position: right bottom;
}

    .btn3:hover {
        background-position: left bottom;
    }

.btn4 {
    text-align: center;
    display: block;
    width: 100%;
    height: 35px;
    /*border-radius: 25px;*/
    outline: none;
    border: none;
    border-radius: 20px;
    background-image: linear-gradient(to left, #32be8f, #38d39f, #ff6600);
    background-size: 200%;
    font-size: 16px !important;
    color: #fff;
    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
    margin: 1rem 0;
    padding: 5% !important;
    cursor: pointer;
    transition: .4s;
    background-position: right bottom;
}

    .btn4:hover {
        background-position: left bottom;
    }

.btn5 {
    text-align: center;
    display: block;
    width: 100%;
    height: 100%;
    /*border-radius: 25px;*/
    outline: none;
    border: none;
    border-radius: 20px;
    background-image: linear-gradient(to left, #32be8f, #38d39f, #ff6600);
    background-size: 200%;
    font-size: 16px !important;
    color: #fff;
    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
    margin: 1rem 0;
    padding: 5% !important;
    cursor: pointer;
    transition: .4s;
    background-position: right bottom;
}

    .btn5:hover {
        background-position: left bottom;
    }