.tabela-preco-sync-info {
    display: flex;
    align-items: center;
    gap: 4px;
}

.sincronizar-dados-button-representation {
    position: relative;
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 8px 20px;
    border-block: 1px solid #ebebeb;
    background-color: white;

    &::after {
        position: absolute;
        width: 0;
        height: 100%;
        top: 0;
        left: 0;
        z-index: -1;
        content: "";
        display: block;
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1688ff+0,ff932a+100 */
        background: #5E16FF;
        /* Old browsers */
        background: -moz-linear-gradient(top, #5E16FF 0%, #1688ff 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #5E16FF 0%, #1688ff 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, #5E16FF 0%, #1688ff 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#5E16FF', endColorstr='#1688ff', GradientType=0);
        /* IE6-9 */
        -webkit-transition: all 150ms ease-out;
        -moz-transition: all 150ms ease-out;
        -o-transition: all 150ms ease-out;
        transition: all 150ms ease-out;
    }

    &:hover::after {
        width: 5px;
    }
}