/* Tamanho */

.small{
    padding: 5px 10px;
}

.medium{

    padding: 5px 15px;
}

.big{
    padding: 13px 30px;
}

/* Estilos botões */

.btn_noBack{
    color: white;
    background-color: transparent;
    margin: 0px 10px;
    text-decoration: none
}

.btn_noBack:hover{
    animation: btn_noBackAnimation 0.5s ease forwards;
}

@keyframes btn_noBackAnimation {
    from{
        border-top: #1793A6 0px solid;
        border-bottom: #1793A6 0px solid;
        padding: 10px 10px;
    }
    to{
        color: #1793A6;
        border-top: #1793A6 1px solid;
        border-bottom: #1793A6 1px solid;
        padding: 4px 10px;
    }
}

.btn_White{
    color: #10455D;
    background-color: white;
    border-radius: 10px;
    border: transparent 2px solid;
    margin: 0px 10px;
    text-decoration: none
}

.btn_White:hover{
    animation: btn_WhiteAnimation .5s ease forwards;
}

@keyframes btn_WhiteAnimation {
    from{
        color: #10455D;
        background-color: white;
        border: transparent 2px solid;
    }
    to{
        color: #1793A6;
        border: #1793A6 2px solid;
        background-color: transparent;
    }
}

.btn_negativeWhite{
    color: white;
    background-color: transparent;
    border-radius: 10px;
    border: white 2px solid;
    margin: 0px 10px;
    text-decoration: none
}

.btn_negativeWhite:hover{
    animation: btn_negativeWhiteAnimation .5s ease forwards;
}

@keyframes btn_negativeWhiteAnimation {
    from{
        color: white;
        background-color: transparent;
    }
    to{
        color: #10455D;
        background-color: white;
    }
}

.btn_lightBlue{
    color: white;
    background-color: #1793A6;
    border-radius: 10px;
    border: transparent 2px solid;
    margin: 0px 10px;
    text-decoration: none
}

.btn_lightBlue:hover{
    animation: btn_lightBlueAnimation .5s ease forwards;
}

@keyframes btn_lightBlueAnimation {
    from{
        color: white;
        background-color: #1793A6;
        border: transparent 2px solid;
    }
    to{
        color: white;
        border: white 2px solid;
        background-color: transparent;
    }
}

.btn_lightBlueDark{
    color: white;
    background-color: #0C1F3F;
    border-radius: 10px;
    border: transparent 2px solid;
    margin: 0px 10px;
    text-decoration: none
}

.btn_lightBlueDark:hover{
    animation: btn_lightBlueDarkAnimation .5s ease forwards;
}

@keyframes btn_lightBlueDarkAnimation {
    from{
        color: white;
        background-color: #0C1F3F;
        border: transparent 2px solid;
    }
    to{
        color: #0C1F3F;
        border: #0C1F3F 2px solid;
        background-color: transparent;
    }
}