.meu-plugin-amazon-products-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
}

.meu-plugin-amazon-products-table th,
.meu-plugin-amazon-products-table td {
    border: 1px solid #ddd;
    padding: 8px;
    text-align: left;
    vertical-align: middle;
}

.meu-plugin-amazon-products-table th {
    background-color: #f2f2f2;
    font-weight: bold; /* Cabeçalho em negrito */
}

.meu-plugin-amazon-products-table tbody tr:hover {
    background-color: #f5f5f5; /* Efeito de sombreamento ao passar o mouse */
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); /* Sombra sutil */
}

.meu-plugin-amazon-products-table img {
    max-width: 80px;
    height: auto;
    display: block;
    margin: 0 auto;
}

/* Estilo para o botão de compra que agora é uma imagem */
.meu-plugin-amazon-buy-button {
    display: block; /* Alterado para block para permitir margin: auto */
    text-decoration: none; /* Remover sublinhado padrão do link */
    border: none; /* Remover borda do link */
    padding: 0; /* Remover padding do link */
    background: none; /* Remover fundo do link */
    cursor: pointer;
    margin: 0 auto; /* Centralizar o botão */
}

.meu-plugin-amazon-buy-button .amazon-buy-button-image {
    width: 120px; /* Largura da imagem do botão */
    height: auto; /* Manter proporção */
    transition: transform 0.2s; /* Efeito de transição para o hover */
}

.meu-plugin-amazon-buy-button:hover .amazon-buy-button-image {
    transform: scale(1.05); /* Leve aumento no tamanho ao passar o mouse */
}

/* Correção para o fundo branco do TD do botão */
.meu-plugin-amazon-products-table td:last-child {
    background-color: transparent !important; /* Garante que o fundo do TD seja transparente */
}


