.btn-1c {
    border: 1px solid transparent;
    border-radius: 0.25rem;
    font-size: inherit;
    color: inherit;
    background: none;
    cursor: pointer;
    padding: 0;
    margin: 0.5rem!important; 
    display: grid;
    grid-template-columns: 1.5rem auto;    
    font-weight: 400;
    outline: none;
    position: relative;    
    min-width: 7.5rem;
    line-height: 0;
    font-family: Lato, 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif!important;
    font-weight: 400;
    font-size:1.15rem!important;
    box-sizing: border-box;    
    transition: all .4s ease-in-out;  
    opacity:0.9;
    height: fit-content;
}

.btn-right{margin: 0.5rem 0 0.5rem auto!important;}


.btn-1c-blue{background-color: var(--default-blue); color: #FFFFFF;}
.btn-1c-blue:active{opacity: 1; top: 1px; transition: all .4s ease;}
.btn-1c-blue-inverted{background-color: #FFFFFF; color:var(--default-blue); border:1px solid var(--default-blue)!important;}
.btn-1c-fblue{background-color: #4267B2; color:#ffffff;}
.btn-1c-gblue{background-color: #fefefe; color:#333; border:1px solid #4285f4!important;}
.btn-1c-gblue span,
.btn-1c-fblue span{
    padding: 0.55rem!important;
}
.btn-1c-gblue span{
    background-color: #4285f4;    
    margin: 0 0 0 0.75rem!important;
    color: #FFF!important;
}

@media screen and (min-width:992px) {
    .btn-1c-gblue:hover{opacity: 1; box-shadow: 0 0 0.2rem 0.05rem rgba(66,133,244,0.35); transition: all .4s ease;}
    .btn-1c-fblue:hover{opacity: 1; box-shadow: 0 0 0.2rem 0.05rem rgba(66,103,178,0.35); transition: all .4s ease;}
    .btn-1c-black:hover{opacity: 1; box-shadow: 0 0 0.2rem 0.05rem #666; transition: all .15s ease-in-out;}
    .btn-1c-white:hover{opacity: 1; box-shadow: 0 0 0.2rem 0.05rem #CCC; transition: all .15s ease-in-out;}
    .btn-1c-green:hover{opacity: 1; box-shadow: 0 0 0.2rem 0.05rem #c0eb75; transition: all .15s ease-in-out;}
    .btn-1c-gold:hover{opacity: 1; box-shadow: 0 0 0.2rem 0.05rem #FFFF00; transition: all .15s ease-in-out;}
    .btn-1c-red:hover{opacity: 1; box-shadow: 0 0 0.2rem 0.05rem #FE99FB; transition: all .15s ease-in-out;}
    .btn-1c-blue:hover, 
    .btn-1c-blue-inverted:hover{opacity: 1; box-shadow: 0 0 0.2rem 0.05rem rgba(0,163,255,0.35); transition: all .15s ease-in-out;}
}




.btn-1c-black{background-color: #000; color: #FFFFFF;}
.btn-1c-black:active{opacity: 1; top: 1px; transition: all .4s ease;}
.btn-1c-white{background-color: #FFFFFF; color: #333333;  border:1px solid #333333;}
.btn-1c-white:active{opacity: 1; top: 1px; transition: all .4s ease;}
.btn-1c-green{background-color: var(--default-green); color: #FFFFFF;}
.btn-1c-green:active{opacity: 1; top: 1px; transition: all .4s ease;}

.btn-1c-gold{background-color: #FFBF00; color: #000000;}
.btn-1c-gold:active{opacity: 1; top: 1px; transition: all .4s ease;}
.btn-1c-red{background-color: #D11141; color: #FFFFFF;}
.btn-1c-red:active{opacity: 1; top: 1px; transition: all .4s ease;}

.btn-1c-disabled,
.btn-1c:disabled{
    background-color: #666; 
    color: #FFFFFF;
    box-shadow: none!important;
    opacity:0.9!important;
    outline:none!important;
    pointer-events: none!important;
    transition: all .15s ease-in-out;
    user-select: none;
    cursor: not-allowed;
}

.belt-right{
    display: flex;
    flex-direction: row-reverse;
}
.belt-right button:first-of-type{margin-right:0!important;}
.belt-left{
    display: flex;
    flex-direction: row;
}
.belt-left button:first-of-type{margin-left:0!important;}

/*
Ajustado para manter compatibilidade com flex-direction: column (mobile)
.btn-1c i{margin: auto 0 auto 0.25rem;}
*/
.btn-1c i{margin: 0.5rem}
.btn-1c div,
.btn-1c span{
    text-align: center;
    display: block;
    padding: 0.5rem 0 0.6rem 0;
    line-height: 1.1rem; 
    margin: auto 0.5rem;
    box-sizing: border-box;
    height: 100%;    
}