.competitors-table__inner {
display: flex;
flex-direction: column;
gap: 20px;
max-width: 1000px;
margin: 0 auto;
}
.competitors-table__item {
display: flex;
align-items: center;
background: #fff;
border-radius: 12px;
border: .0625rem solid #e8e8ee;
min-height: 160px;
gap: 20px;
flex-wrap: wrap;
}
.competitors-table__item:nth-child(even) {
background: #f7f7f7;
} .casino-card__logo img {
width: 160px;
height: 160px;
object-fit: cover;
border-radius: 10px;
} .casino-card__content {
flex: 1 1 auto;
max-width: 308px;
padding: 0 20px;
}
.casino-card__title {
font-weight: 700;
font-size: 22px;
line-height: 1.5em;
margin: 0 0 10px;
}
.casino-card__features {
list-style: none;
padding-left: 0;
margin: 0;
}
.casino-card__features li {
display: flex;
align-items: center;
font-size: 15px;
margin-bottom: 6px;
position: relative;
padding-left: 10px;
}
.casino-card__features li::before {
content: '✔';
position: absolute;
left: 0;
color: #28a745;
font-weight: bold;
} .casino-card__cta {
min-width: 100px;
margin-left: auto;
margin-right: 20px;
}
.casino-card__button {
display: inline-block;
text-decoration: none;
padding: 12px 20px;
border-radius: 8px;
font-weight: 600;
transition: background 0.2s;
text-align: center;
background: linear-gradient(180deg, #1aa81e, #139215);
color: #fff;
min-width: 170px;
}
.casino-card__button:hover {
background: #218838;
}
@media (max-width: 768px) {
.competitors-table__item {
flex-direction: column;
align-items: stretch;
padding: 20px 16px;
gap: 16px;
}
.casino-card__logo {
text-align: center;
}
.casino-card__logo img {
width: 230px;
height: auto;
margin: 0 auto;
}
.casino-card__content {
max-width: 100%;
padding: 0;
}
.casino-card__title {
font-size: 20px;
text-align: center;
}
.casino-card__features {
text-align: center;
}
.casino-card__cta {
width: 100%;
margin: 0;
text-align: center;
}
.casino-card__button {
width: 100%;
max-width: 280px;
margin: 0 auto;
}
.casino-card__features li:before {
position: static;
margin-right:5px;
}
.casino-card__features li {
justify-content: center;
}
}