.myButton { /* Bordas arredondadas verde*/
    box-shadow: 0px 10px 14px -7px #3e7327;
    background: linear-gradient(to bottom, #77b55a 5%, #72b352 100%);
    background-color: #77b55a;
    border-radius: 4px;
    border: 1px solid #4b8f29;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: Arial;
    font-size: 13px;
    font-weight: bold;
    padding: 6px 12px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #5b8a3c;
}

    .myButton:hover {
        background: linear-gradient(to bottom, #72b352 5%, #77b55a 100%);
        background-color: #72b352;
    }

    .myButton:active {
        position: relative;
        top: 1px;
    }

.myButton2 { /* Bordas arredondadas vermelho*/
    box-shadow: 0px 10px 14px -7px #cf866c;
    background: linear-gradient(to bottom, #d0451b 5%, #bc3315 100%);
    background-color: #d0451b;
    border-radius: 4px;
    border: 1px solid #942911;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: Arial;
    font-size: 13px;
    font-weight: bold;
    padding: 6px 12px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #854629;
}

    .myButton2:hover {
        background: linear-gradient(to bottom, #bc3315 5%, #d0451b 100%);
        background-color: #bc3315;
    }

    .myButton2:active {
        position: relative;
        top: 1px;
    }

.myButton3 {/* azul*/
    box-shadow: 0px 10px 14px -7px #295484;
    background: linear-gradient(to bottom, #1b4ad0 5%, #1533bc 100%);
    background-color: #1b4ad0;
    border-radius: 4px;
    border: 1px solid #112994;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: Arial;
    font-size: 13px;
    font-weight: bold;
    padding: 6px 12px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #295484;
}

    .myButton3:hover {
        background: linear-gradient(to bottom, #1533bc 5%, #1b4ad0 100%);
        background-color: #1533bc;
    }

    .myButton3:active {
        position: relative;
        top: 1px;
    }

.myButton4 {
    box-shadow: 0px 10px 14px -7px #295484;
    background: linear-gradient(to bottom, #1b4ad0 5%, #1533bc 100%);
    background-color: #1b4ad0;
    border-radius: 4px;
    border: 1px solid #112994;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: Arial;
    font-size: 13px;
    font-weight: bold;
    padding: 6px 12px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #295484;
    background-image: url('../img2/selecionar.png'); /* Substitua pelo caminho da sua imagem */
    background-size: cover; /* Ajuste o tamanho da imagem conforme necessário */
}

    .myButton4:hover {
        background: linear-gradient(to bottom, #1533bc 5%, #1b4ad0 100%);
        background-color: #1533bc;
    }

    .myButton4:active {
        position: relative;
        top: 1px;
    }

.myButton5 { /* Bordas arredondadas azul*/
    box-shadow: 0px 10px 14px -7px #295484;
    background: linear-gradient(to bottom, #1b4ad0 5%, #1533bc 100%);
    background-color: #1b4ad0;
    border-radius: 15px; /* Bordas arredondadas */
    border: 1px solid #112994;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: Arial;
    font-size: 13px;
    font-weight: bold;
    padding: 6px 12px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #295484;
}

    .myButton5:hover {
        background: linear-gradient(to bottom, #1533bc 5%, #1b4ad0 100%);
        background-color: #1533bc;
    }

    .myButton5:active {
        position: relative;
        top: 1px;
    }

.myButton6 { /* Bordas arredondadas vermelho */
    box-shadow: 0px 10px 14px -7px #cf866c;
    background: linear-gradient(to bottom, #d0451b 5%, #bc3315 100%);
    background-color: #d0451b;
    border-radius: 15px;
    border: 1px solid #942911;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: Arial;
    font-size: 13px;
    font-weight: bold;
    padding: 6px 12px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #854629;
}

    .myButton6:hover {
        background: linear-gradient(to bottom, #bc3315 5%, #d0451b 100%);
        background-color: #bc3315;
    }

    .myButton6:active {
        position: relative;
        top: 1px;
    }

.myButton7 { /* Bordas arredondadas verde*/
    box-shadow: 0px 10px 14px -7px #3e7327;
    background: linear-gradient(to bottom, #77b55a 5%, #72b352 100%);
    background-color: #77b55a;
    border-radius: 15px;
    border: 1px solid #4b8f29;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: Arial;
    font-size: 13px;
    font-weight: bold;
    padding: 6px 12px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #5b8a3c;
}

    .myButton7:hover {
        background: linear-gradient(to bottom, #72b352 5%, #77b55a 100%);
        background-color: #72b352;
    }

    .myButton7:active {
        position: relative;
        top: 1px;
    }