.sendBtn {
        background: aqua; color: black; box-shadow: 0 0 15px white; width: 200px; height: 50px; border: none; border-radius: 20px; margin-top: 5px;
        transition: 0.2s;
    }

    .sendBtn:hover {
        filter: brightness(90%);
    }

    .sendBtn:active {
        filter: brightness(80%);
    }

    .main {
        height: 65px;
        width: 65px;
        border-radius: 10px;
        border: none;
        background: linear-gradient(135deg, aqua, white, red);
        background-size: 300% 300%; 
        background-position: 0% 50%;
        background-repeat: no-repeat;
        animation: magic 6s infinite linear;
        transition: 0.4s;
    }

    .main:hover {
        filter: brightness(105%);
        transition: 0.4s;
        animation: magic 6s infinite linear , bs 1s infinite linear;
        transition: 0.4s;
        z-index: 1;
    }

    @keyframes magic {
        0% { background-position: 0% 50%; }
        50% { background-position: 100% 50%; }
        100% { background-position: 0% 50%; }
    }

    @keyframes bs {
        0% {box-shadow: 5px 0 5px rgb(0, 192, 166);}
        25% {box-shadow: 0 0 5px rgb(0, 142, 177);}
        50% {box-shadow: 0 0 35px rgb(0, 142, 177);}
        75% {box-shadow: 5px 0 35px rgb(0, 142, 177);}
        100% {box-shadow: 5px 0 5px rgb(0, 113, 128);}
    }