.animate-btn-style1 {
    padding: 12px 25px;
    border-radius: 50px;
    cursor: pointer;
    border: 2px solid #117dc0;
    background-color: white;
    box-shadow: rgb(0 0 0 / 5%) 0 0 8px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    font-size: 15px;
    transition: all 0.5s ease;
}

.animate-btn-style1:hover {
    letter-spacing: 3px;
    /*background-color: hsl(261deg 80% 48%);*/
    background-color: hsl(203, 84%, 41%);
    color: hsl(0, 0%, 100%);
    /*box-shadow: rgb(93 24 220) 0px 7px 29px 0px;*/
    box-shadow: rgb(17, 125, 192) 0px 7px 29px 0px;
}

.animate-btn-style1:active {
    letter-spacing: 3px;
    /*background-color: hsl(261deg 80% 48%);*/
    background-color: hsl(203, 84%, 41%);
    color: hsl(0, 0%, 100%);
    /*box-shadow: rgb(93 24 220) 0px 0px 0px 0px;*/
    box-shadow: rgb(17, 125, 192) 0px 0px 0px 0px;
    transform: translateY(10px);
    transition: 100ms;
}


.animate-btn-style2 {
    padding: 12px 25px;
    border-radius: 50px;
    cursor: pointer;
    border: none;
    background-color: white;
    box-shadow: rgb(0 0 0 / 5%) 0 0 8px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    font-size: 15px;
    transition: all 0.5s ease;
    color: #117ec0;
    font-weight: bold;
}

.animate-btn-style2:hover {
    letter-spacing: 3px;
    background-color: hsl(0, 0%, 0%);
    color: hsl(0, 0%, 100%);
    box-shadow: rgb(0, 0, 0) 0px 7px 29px 0px;
}

.animate-btn-style2:active {
    letter-spacing: 3px;
    background-color: hsl(0, 0%, 0%);
    color: hsl(0, 0%, 100%);
    box-shadow: rgb(0, 0, 0) 0px 0px 0px 0px;
    transform: translateY(10px);
    transition: 100ms;
}