.tabela {
  width: 100%;
  margin: auto;
  border-collapse: collapse;
  box-shadow: 0 2px 10px rgba(0,0,0,0.1);
  background: #fff;
  border-radius: 10px;
  padding: 20px;
  overflow: hidden;
}

.tabela thead {
  background: #0077b6;
  color: #fff;
}

.tabela th, 
.tabela td {
  padding: 12px 15px;
  text-align: left;
}

.tabela tbody tr {
  border-bottom: 1px solid #ddd;
}

.tabela tbody tr:nth-child(even) {
  background: #f9f9f9;
}

.tabela tbody tr:hover {
  background: #eaf4ff;
  transition: 0.3s;
}

.btn-small{
    text-align: center;
    margin-top: 20px;
}

.btn-small a{
    display: inline-block;
    margin: 5px;
    padding: 10px 20px;
    border-radius: 8px;
    text-decoration: none;
    font-weight: bold;
    transition: 0.2s
}


.btn-small a:first-child {
    background: #27ae60;
    color: white;
}

.btn-small a:nth-child(2){
    background: blue;
    color: white;
}

.btn-small a:last-child {
    background: #B22222;
    color: white;
}

.btn-small a:hover {
    opacity: 0.8;
}