/* Estilos uniformes para os botões de ação */
.action-btn {
    padding: 7px 12px;
    margin: 3px;
    border-radius: 4px;
    transition: all 0.3s ease;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    text-decoration: none;
    font-size: 12px;
    font-weight: 500;
}

.action-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    text-decoration: none;
    opacity: 0.9;
}

.action-btn i {
    margin-right: 4px;
}

/* Cores específicas para cada tipo de botão */
.btn-image {
    background-color: #007a91;
    color: white;
}

.btn-ml {
    background-color: #FFE600;
    color: #000000 !important;
}

.btn-ml:hover {
    background-color: #FFE600;
    color: #B8860B !important; /* Amarelo queimado/dourado */
}

.btn-replica {
    background-color: #FFE600;
    color: #000000 !important;
}

.btn-replica:hover {
    background-color: #FFE600;
    color: #B8860B !important;
}

.btn-estoque {
    background-color: #007a91;
    color: white;
}

.btn-atributos {
    background-color: #FFE600;
    color: #000000 !important;
}

.btn-atributos:hover {
    background-color: #FFE600;
    color: #B8860B !important;
}

.btn-seo {
    background-color: #f44336;
    color: white;
}

.btn-foto {
    background-color: #FFE600;
    color: #000000 !important;
}

.btn-foto:hover {
    background-color: #FFE600;
    color: #B8860B !important;
}

.btn-fotoint {
    background-color: #ff0076;
    color: white;
}

.btn-info {
    background-color: #007a91;
    color: white;
}

/* Botão de voltar */
.btn-voltar {
    background-color: #ff9800;
    color: white;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    margin-bottom: 10px;
    transition: all 0.3s ease;
}

.btn-voltar:hover {
    background-color: #f57c00;
    transform: translateY(-2px);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    color: white;
}

/* Container de botões de ação */
.btn-action-group {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    width: 100%;
} 