.promo-wrapper {
width: 100%;
padding: 40px 0;
color: #fff;
}
.promo-container {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
display: flex;
justify-content: space-between;
gap: 60px;
}
.promo-left {
width: 50%;
}
.promo-logo {
max-width: 300px;
}
.promo-rating {
margin-top: 10px;
font-size: 18px;
display: flex;
align-items: center;
gap: 8px;
}
.promo-casino-info {
display: flex;
align-items: center;
gap: 15px;
margin-top: 15px;
margin-bottom: 10px;
flex-wrap: wrap;
}
.promo-casino-name {
font-size: 16px;
font-weight: 600;
color: #fff;
}
.promo-review-link {
font-size: 14px;
color: #fff;
text-decoration: underline;
opacity: 0.9;
transition: opacity 0.3s ease;
}
.promo-review-link:hover {
opacity: 1;
color: #fff;
}
.promo-title {
font-size: 48px;
line-height: 1.1;
font-weight: bold;
margin: 25px 0;
}
.promo-location {
background: #fff;
color: #000;
padding: 8px 14px;
display: inline-flex;
align-items: center;
gap: 6px;
border-radius: 4px;
margin-bottom: 20px;
font-weight: bold;
}
.promo-code-copy {
cursor: pointer;
transition: all 0.3s ease;
user-select: none;
}
.promo-code-copy:hover {
opacity: 0.9;
transform: scale(1.02);
}
.promo-code-copy:active {
transform: scale(0.98);
}
.promo-code-copy-icon {
flex-shrink: 0;
width: 18px;
height: 18px;
color: currentColor;
}
.promo-code-copied {
background: #52d1c5 !important;
color: #fff !important;
}
.promo-text {
width: 85%;
font-size: 12px;
line-height: 11px;
} .promo-right {
width: 45%;
background: #fff;
color: #000;
border-radius: 8px;
padding: 10px 20px;
}
.promo-box {
padding: 5px 0;
border-bottom: 1px solid #e5e7eb;
}
.promo-box-title {
font-size: 15px;
font-weight: bold;
margin-bottom: 12px;
color: rgb(100 116 139);
}
.promo-flags {
display: flex;
flex-wrap: wrap;
gap: 8px;
align-items: center;
}
.promo-flags img {
width: 35px;
height: auto;
display: block;
}
.promo-icons span {
display: inline-block;
margin-right: 15px;
margin-bottom: 10px;
}
.show-all {
display: block;
font-size: 14px;
color: #009b9b;
cursor: pointer;
text-decoration: none;
text-align: right;
}
.show-all:hover {
text-decoration: underline;
}
.promo-pros {
padding-left: 20px;
}
.promo-pros li {
margin-bottom: 8px;
}
.claim-btn {
width: 100%;
padding: 8px 0;
background: #00b48d;
border: none;
border-radius: 6px;
font-size: 20px;
cursor: pointer;
margin-top: 10px;
color: #fff;
font-weight: 600;
transition: opacity 0.3s ease;
}
.claim-btn:hover {
opacity: 0.85;
} @media (max-width: 992px) {
.promo-container {
flex-direction: column;
}
.promo-left,
.promo-right {
width: 100%;
}
} .karssen-review-content {
padding: 2rem 0;
}
.karssen-review-container {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
}
.karssen-review-content .entry-content {
line-height: 1.8;
}
.karssen-review-content .entry-content p {
margin-bottom: 1.5rem;
} .karssen-review-info-block {
margin: 2rem 0;
}
.karssen-review-info-block__container {
background: #f5f7fa;
border-radius: 12px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
overflow: visible;
padding: 20px;
position: relative;
}
.karssen-review-info-block__table {
width: 100%;
border-collapse: collapse;
}
.karssen-review-info-block__row {
border-bottom: 1px solid #e5e7eb;
transition: background-color 0.2s ease;
position: relative;
}
.karssen-review-info-block__row:last-child {
border-bottom: none;
}
.karssen-review-info-block__row:hover {
background-color: #f9fafb;
}
.karssen-review-info-block__cell {
padding: 16px 12px;
vertical-align: middle;
}
.karssen-review-info-block__cell-icon {
width: 50px;
text-align: center;
}
.karssen-review-info-block__cell-name {
width: 290px;
padding-right: 30px;
}
.karssen-review-info-block__cell-value {
width: auto;
position: relative;
overflow: visible;
}
.karssen-review-info-block__icon {
display: inline-flex;
align-items: center;
justify-content: center;
color: #4dc0b5;
width: 24px;
height: 24px;
}
.karssen-review-info-block__icon svg {
width: 100%;
height: 100%;
}
.karssen-review-info-block__name {
font-size: 15px;
font-weight: 600;
color: #334155;
display: block;
}
.karssen-review-info-block__value {
font-size: 16px;
font-weight: 700;
color: #1e293b;
display: block;
}
.karssen-review-info-block__currency {
font-size: 14px;
font-weight: 500;
color: #64748b;
margin-left: 4px;
} .karssen-review-info-block__slots-wrapper {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 10px;
flex-wrap: wrap;
}
.karssen-review-info-block__slots {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.karssen-review-info-block__slot-link,
.karssen-review-info-block__slot-span {
display: inline-block;
padding: 4px 8px;
border-radius: 4px;
font-size: 13px;
transition: background-color 0.2s;
}
.karssen-review-info-block__slot-link {
background-color: #f0f0f0;
color: #333;
text-decoration: none;
}
.karssen-review-info-block__slot-link:hover {
background-color: #e0e0e0;
}
.karssen-review-info-block__slot-span {
background-color: #f0f0f0;
color: #333;
}
.karssen-review-info-block__show-all-wrapper {
position: relative;
margin-left: auto;
z-index: 1;
}
.karssen-review-info-block__show-all {
display: flex;
align-items: center;
text-decoration: none;
color: #4dc0b5;
white-space: nowrap;
font-size: 14px;
}
.karssen-review-info-block__show-all:hover {
text-decoration: underline;
}
.karssen-review-info-block__slots-tooltip {
display: none;
position: absolute;
background: #fff;
border: 1px solid #ccc;
border-radius: 5px;
padding: 10px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
z-index: 9999;
top: 100%;
left: 0;
margin-top: 5px;
min-width: 200px;
max-width: 300px;
}
.karssen-review-info-block__slots-tooltip.is-visible {
display: block;
}
.karssen-review-info-block__slots-tooltip-content {
max-height: 300px;
overflow-y: auto;
display: flex;
flex-direction: column;
gap: 8px;
}
.karssen-review-info-block__slots-tooltip-link,
.karssen-review-info-block__slots-tooltip-span {
display: inline-block;
padding: 4px 8px;
border-radius: 4px;
color: #333;
font-size: 13px;
}
.karssen-review-info-block__slots-tooltip-link {
background-color: #f0f0f0;
text-decoration: none;
}
.karssen-review-info-block__slots-tooltip-link:hover {
background-color: #e0e0e0;
}
.karssen-review-info-block__slots-tooltip-span {
background-color: #f0f0f0;
} @media (max-width: 768px) {
.karssen-review-info-block__container {
padding: 15px;
}
.karssen-review-info-block__cell {
padding: 12px 8px;
}
.karssen-review-info-block__cell-icon {
width: 40px;
}
.karssen-review-info-block__cell-name {
min-width: 150px;
}
.karssen-review-info-block__name {
font-size: 14px;
}
.karssen-review-info-block__value {
font-size: 15px;
}
.karssen-review-info-block__slots-wrapper {
flex-direction: column;
align-items: flex-start;
}
.karssen-review-info-block__show-all-wrapper {
margin-left: 0;
margin-top: 8px;
}
} .promo-flags-wrapper {
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
} 
.show-all-wrapper {
position: relative;
margin-left: auto;
}
.show-all {
display: flex;
align-items: center;
text-decoration: none;
color: #4dc0b5;
white-space: nowrap;
}
.show-all:hover {
text-decoration: underline;
}
.countries-tooltip {
display: none;
position: absolute;
background: #fff;
border: 1px solid #ccc;
border-radius: 5px;
padding: 10px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
z-index: 1000;
top: 100%;
left: 0;
margin-top: 5px;
min-width: 200px;
max-width: 300px;
}
.countries-tooltip-content {
max-height: 300px;
overflow-y: auto;
}
.countries-tooltip-item {
padding: 3px 0;
}
.countries-tooltip.is-visible {
display: block;
} .promo-slots-wrapper {
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px; 
}
.promo-slots {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.promo-slot-link,
.promo-slot-span {
display: inline-block;
transition: background-color 0.2s;
}
.promo-slot-link {
background-color: rgba(255, 255, 255, 0.15);
color: #000;
text-decoration: none;
}
.promo-slot-link:hover {
background-color: rgba(255, 255, 255, 0.25);
}
.promo-slot-span {
background-color: rgba(255, 255, 255, 0.15);
color: #fff;
}
.show-all-slots-wrapper {
position: relative;
margin-left: auto;
}
.show-all-slots {
display: flex;
align-items: center;
text-decoration: none;
color: #4dc0b5;
white-space: nowrap;
}
.show-all-slots:hover {
text-decoration: underline;
}
.slots-tooltip {
display: none;
position: absolute;
background: #fff;
border: 1px solid #ccc;
border-radius: 5px;
padding: 10px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
z-index: 1000;
top: 100%;
left: 0;
margin-top: 5px;
min-width: 200px;
max-width: 300px;
}
.slots-tooltip.is-visible {
display: block;
}
.slots-tooltip-content {
max-height: 300px;
overflow-y: auto;
display: flex;
flex-direction: column;
gap: 8px;
}
.slots-tooltip-link,
.slots-tooltip-span {
display: inline-block;
padding: 4px 8px;
border-radius: 4px;
color: #333;
font-size: 13px;
}
.slots-tooltip-link {
background-color: #f0f0f0;
text-decoration: none;
}
.slots-tooltip-link:hover {
background-color: #e0e0e0;
}
.slots-tooltip-span {
background-color: #f0f0f0;
} .promo-badges {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
gap: 10px;
margin-top: 20px;
padding: 0 20px;
}
.promo-badge {
display: inline-block;
padding: 6px 12px;
background-color: rgba(255, 255, 255, 0.2);
border-radius: 4px;
color: #fff;
font-size: 14px;
font-weight: 500;
} .karssen-review-countries-block {
margin: 2rem 0;
}
.karssen-review-countries-block__container {
background: #f5f7fa;
border-radius: 12px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
padding: 20px;
}
.karssen-review-countries-block__title {
font-size: 18px;
font-weight: 600;
color: #334155;
margin-bottom: 15px;
}
.karssen-review-countries-block__search-wrapper {
margin-bottom: 15px;
}
.karssen-review-countries-block__search {
width: 100%;
padding: 10px 15px;
border: 1px solid #e5e7eb;
border-radius: 6px;
font-size: 14px;
color: #334155;
background: #fff;
transition: border-color 0.2s ease;
}
.karssen-review-countries-block__search:focus {
outline: none;
border-color: #4dc0b5;
box-shadow: 0 0 0 3px rgba(77, 192, 181, 0.1);
}
.karssen-review-countries-block__search::placeholder {
color: #94a3b8;
}
.karssen-review-countries-block__flags-wrapper {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 10px;
flex-wrap: wrap;
}
.karssen-review-countries-block__flags {
display: flex;
flex-wrap: wrap;
gap: 8px;
align-items: center;
}
.karssen-review-countries-block__flag-item {
display: inline-block;
}
.karssen-review-countries-block__flag {
width: 50px;
height: auto;
display: block;
}
.karssen-review-countries-block__no-results {
padding: 15px;
text-align: center;
color: #64748b;
font-size: 14px;
}
.karssen-review-countries-block__show-all-wrapper {
position: relative;
margin-left: auto;
}
.karssen-review-countries-block__show-all {
display: flex;
align-items: center;
text-decoration: none;
color: #4dc0b5;
white-space: nowrap;
font-size: 14px;
}
.karssen-review-countries-block__show-all:hover {
text-decoration: underline;
}
.karssen-review-countries-block__tooltip {
display: none;
position: absolute;
background: #fff;
border: 1px solid #ccc;
border-radius: 5px;
padding: 10px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
z-index: 9999;
top: 100%;
left: 0;
margin-top: 5px;
min-width: 200px;
max-width: 300px;
}
.karssen-review-countries-block__tooltip.is-visible {
display: block;
}
.karssen-review-countries-block__tooltip-content {
max-height: 300px;
overflow-y: auto;
display: flex;
flex-direction: column;
gap: 8px;
}
.karssen-review-countries-block__tooltip-item {
display: flex;
align-items: center;
gap: 8px;
padding: 4px 0;
}
.karssen-review-countries-block__tooltip-item img {
width: 25px;
height: auto;
}
.karssen-review-countries-block__tooltip-item span {
font-size: 13px; 
color: #334155;
}
.karssen-review-countries-block__cta {
margin-top: 20px;
text-align: center;
}
.karssen-review-countries-block__cta-button {
display: inline-block;
padding: 3px 30px;
background: #00b48d;
border: none;
border-radius: 6px;
font-size: 15px;
font-weight: 600;
color: #fff;
text-decoration: none;
cursor: pointer;
transition: opacity 0.3s
ease;
}
.karssen-review-countries-block__cta-button:hover {
opacity: 0.85;
color: #fff;
} @media (max-width: 768px) {
.karssen-review-countries-block__container {
padding: 15px;
}
.karssen-review-countries-block__title {
font-size: 16px;
margin-bottom: 12px;
}
.karssen-review-countries-block__flags-wrapper {
flex-direction: column;
align-items: flex-start;
}
.karssen-review-countries-block__show-all-wrapper {
margin-left: 0;
margin-top: 8px;
}
} .karssen-review-categories-block {
margin: 2rem 0;
}
.karssen-review-categories-block__container {
background: #f5f7fa;
border-radius: 12px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
padding: 20px;
}
.karssen-review-categories-block__title {
font-size: 18px;
font-weight: 600;
color: #334155;
margin-bottom: 15px;
}
.karssen-review-categories-block__badges {
display: flex;
flex-wrap: wrap;
gap: 10px;
align-items: center;
justify-content: flex-start;
}
.karssen-review-categories-block__badge {
display: inline-block;
padding: 8px 16px;
background-color: rgba(77, 192, 181, 0.15);
border: 1px solid rgba(77, 192, 181, 0.3);
border-radius: 6px;
color: #334155;
text-decoration: none;
font-size: 14px;
font-weight: 500;
transition: all 0.2s ease;
}
.karssen-review-categories-block__badge:hover {
background-color: #4dc0b5;
border-color: #4dc0b5;
color: #fff;
text-decoration: none;
transform: translateY(-1px);
box-shadow: 0 2px 4px rgba(77, 192, 181, 0.3);
} @media (max-width: 768px) {
.karssen-review-categories-block__container {
padding: 15px;
}
.karssen-review-categories-block__title {
font-size: 16px;
margin-bottom: 12px;
}
.karssen-review-categories-block__badges {
gap: 8px;
}
.karssen-review-categories-block__badge {
padding: 6px 12px;
font-size: 13px;
}
} .karssen-reviews-grid-block {
margin: 2rem 0;
}
.karssen-reviews-grid-block__container {
margin: 0 auto;
padding: 0 20px;
}
.karssen-reviews-grid-block__title {
font-size: 32px;
font-weight: 700;
color: #1e293b;
margin-bottom: 30px;
text-align: center;
} .karssen-reviews-grid-block__filter-wrapper {
position: relative;
margin-bottom: 30px;
}
.karssen-reviews-grid-block__filter-toggle {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 5px 18px;
background: #4dc0b5;
color: #fff;
border: none;
border-radius: 8px;
font-size: 16px;
font-weight: 600;
cursor: pointer;
transition: all 0.3s ease;
}
.karssen-reviews-grid-block__filter-toggle:hover {
background: #3baa9f;
transform: translateY(-1px);
box-shadow: 0 4px 12px rgba(77, 192, 181, 0.3);
}
.karssen-reviews-grid-block__filter-toggle svg {
width: 20px;
height: 20px;
fill: currentColor;
}
.karssen-reviews-grid-block__filter-toggle[aria-expanded="true"] svg {
transform: rotate(180deg);
} .karssen-reviews-grid-block__filter-panel {
display: none;
margin-top: 15px;
padding: 16px;
background: #f9fafb;
border: 1px solid #e5e7eb;
border-radius: 8px;
}
.karssen-reviews-grid-block__filter-panel.is-open {
display: block;
}
.karssen-reviews-grid-block__filter-loading {
text-align: center;
padding: 20px;
color: #64748b;
font-size: 14px;
}
.karssen-reviews-grid-block__filter-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 16px;
margin-bottom: 16px;
}
.karssen-reviews-grid-block__filter-group {
background: #fff;
border: 1px solid #e5e7eb;
border-radius: 6px;
padding: 12px;
}
.karssen-reviews-grid-block__filter-group-title {
margin: 0 0 10px 0;
font-size: 14px;
font-weight: 600;
color: #1e293b;
}
.karssen-reviews-grid-block__filter-group-values {
display: flex;
flex-direction: column;
gap: 6px;
max-height: 150px;
overflow-y: auto;
}
.karssen-reviews-grid-block__filter-checkbox {
display: flex;
align-items: center;
gap: 8px;
cursor: pointer;
padding: 6px;
border-radius: 4px;
transition: background-color 0.2s ease;
}
.karssen-reviews-grid-block__filter-checkbox:hover {
background: #f5f7fa;
}
.karssen-reviews-grid-block__filter-checkbox input[type="checkbox"] {
width: 16px;
height: 16px;
cursor: pointer;
accent-color: #4dc0b5;
flex-shrink: 0;
}
.karssen-reviews-grid-block__filter-checkbox span {
font-size: 13px;
color: #334155;
flex: 1;
line-height: 1.4;
}
.karssen-reviews-grid-block__filter-actions {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 10px;
padding-top: 12px;
border-top: 1px solid #e5e7eb;
}
.karssen-reviews-grid-block__filter-reset,
.karssen-reviews-grid-block__filter-apply {
padding: 8px 16px;
border: none;
border-radius: 6px;
font-size: 14px;
font-weight: 600;
cursor: pointer;
transition: all 0.3s ease;
}
.karssen-reviews-grid-block__filter-reset {
background: #f5f7fa;
color: #64748b;
}
.karssen-reviews-grid-block__filter-reset:hover {
background: #e5e7eb;
color: #334155;
}
.karssen-reviews-grid-block__filter-apply {
background: #4dc0b5;
color: #fff;
}
.karssen-reviews-grid-block__filter-apply:hover {
background: #3baa9f;
transform: translateY(-1px);
box-shadow: 0 4px 12px rgba(77, 192, 181, 0.3);
}
.karssen-reviews-grid-block__grid {
display: grid;
gap: 20px;
margin-bottom: 30px;
align-items: stretch;
} .karssen-reviews-grid-block__grid--columns-3 {
grid-template-columns: repeat(3, 1fr);
}
.karssen-reviews-grid-block__grid--columns-4 {
grid-template-columns: repeat(4, 1fr);
}
.karssen-reviews-grid-block__grid--columns-5 {
grid-template-columns: repeat(5, 1fr);
}
.karssen-reviews-grid-block__card {
background: #fff;
border-radius: 5px;
overflow: visible;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
transition: transform 0.3s ease, box-shadow 0.3s ease;
display: flex;
flex-direction: column;
}
.karssen-reviews-grid-block__card:hover {
transform: translateY(-4px);
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
} .karssen-reviews-grid-block__card-logo {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
background: #fff;
}
.karssen-reviews-grid-block__card-logo a {
display: block;
width: 100%;
text-decoration: none;
}
.karssen-reviews-grid-block__card-logo img {
width: 100%;
height: auto;
object-fit: contain;
display: block;
} .karssen-reviews-grid-block__card-content {
padding: 20px;
background: #fff;
display: flex;
flex-direction: column;
gap: 10px;
flex: 1;
}
.karssen-reviews-grid-block__card-rating {
display: flex;
align-items: center;
gap: 8px;
color: #334155;
}
.karssen-reviews-grid-block__stars {
display: flex;
gap: 2px;
font-size: 18px;
}
.karssen-reviews-grid-block__stars .star {
color: #ffd700;
}
.karssen-reviews-grid-block__stars .star.star-empty {
color: #e5e7eb;
}
.karssen-reviews-grid-block__rating-value {
font-size: 14px;
font-weight: 600;
color: #334155;
}
.karssen-reviews-grid-block__card-casino {
font-size: 18px;
font-weight: 600;
color: #1e293b;
text-align: center;
}
.karssen-reviews-grid-block__card-promocode {
display: flex;
flex-direction: column;
gap: 8px;
overflow: visible;
}
.karssen-reviews-grid-block__promocode-label {
font-size: 12px;
font-weight: 600;
color: #64748b;
text-transform: uppercase;
}
.karssen-reviews-grid-block__promocode-value {
display: flex;
align-items: center;
justify-content: space-between;
padding: 8px 12px;
background: #f5f7fa;
border: 1px solid #e5e7eb;
border-radius: 6px;
gap: 10px;
}
.karssen-reviews-grid-block__promocode-value span {
font-size: 14px;
font-weight: 600;
color: #7c3aed;
flex: 1;
}
.karssen-reviews-grid-block__promocode-copy {
background: none;
border: none;
cursor: pointer;
padding: 4px;
display: flex;
align-items: center;
justify-content: center;
color: #64748b;
transition: color 0.2s ease;
flex-shrink: 0;
}
.karssen-reviews-grid-block__promocode-copy:hover {
color: #4dc0b5;
} .karssen-reviews-grid-block__tc-wrapper {
display: inline-block;
margin-top: 6px;
text-align: center;
}
.karssen-reviews-grid-block__tc-link {
position: relative;
font-size: 11px;
color: #64748b;
cursor: pointer;
text-decoration: underline;
text-decoration-style: dotted;
transition: color 0.2s ease;
}
.karssen-reviews-grid-block__tc-link:hover {
color: #4dc0b5;
}
.karssen-reviews-grid-block__tc-tooltip {
position: absolute;
bottom: calc(100% + 8px);
left: 50%;
transform: translateX(-50%);
background: #1e293b;
color: #fff;
padding: 12px 16px;
border-radius: 8px;
font-size: 12px;
line-height: 1.5;
min-width: 220px;
max-width: 300px;
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
opacity: 0;
visibility: hidden;
transition: opacity 0.2s ease, visibility 0.2s ease;
z-index: 9999;
text-align: left;
pointer-events: none;
}
.karssen-reviews-grid-block__tc-tooltip::after {
content: '';
position: absolute;
top: 100%;
left: 50%;
transform: translateX(-50%);
border: 6px solid transparent;
border-top-color: #1e293b;
}
.karssen-reviews-grid-block__tc-link:hover .karssen-reviews-grid-block__tc-tooltip {
opacity: 1;
visibility: visible;
}
.karssen-reviews-grid-block__card-bonus-text {
font-size: 16px;
font-weight: 700;
color: #dc2626;
text-align: center;
}
.karssen-reviews-grid-block__card-terms {
font-size: 10px;
color: #64748b;
text-align: center;
line-height: 1.4;
}
.karssen-reviews-grid-block__card-button {
display: block;
width: 100%;
padding: 5px 20px;
background: #00b48d;
color: #fff;
text-align: center;
text-decoration: none;
border-radius: 6px;
font-size: 16px;
font-weight: 600;
transition: opacity 0.3s ease;
border: none;
cursor: pointer;
}
.karssen-reviews-grid-block__card-button:hover {
opacity: 0.85;
color: #fff;
text-decoration: none;
}
.karssen-reviews-grid-block__card-reviews-link {
display: block;
text-align: center;
font-size: 12px;
color: #64748b;
text-decoration: none;
transition: color 0.2s ease;
}
.karssen-reviews-grid-block__card-reviews-link:hover {
color: #4dc0b5;
text-decoration: underline;
}
.karssen-reviews-grid-block__no-results {
text-align: center;
padding: 40px 20px;
color: #64748b;
font-size: 16px;
}
.karssen-reviews-grid-block__load-more-wrapper {
text-align: center;
margin-top: 30px;
}
.karssen-reviews-grid-block__load-more {
padding: 12px 30px;
background: #4dc0b5;
color: #fff;
border: none;
border-radius: 6px;
font-size: 16px;
font-weight: 600;
cursor: pointer;
transition: opacity 0.3s ease;
}
.karssen-reviews-grid-block__load-more:hover {
opacity: 0.85;
}
.karssen-reviews-grid-block__load-more:disabled {
opacity: 0.5;
cursor: not-allowed;
} @media (max-width: 1400px) {
.karssen-reviews-grid-block__grid--columns-5 {
grid-template-columns: repeat(4, 1fr);
}
}
@media (max-width: 1200px) {
.karssen-reviews-grid-block__grid--columns-4,
.karssen-reviews-grid-block__grid--columns-5 {
grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 992px) {
.karssen-reviews-grid-block__grid--columns-3,
.karssen-reviews-grid-block__grid--columns-4,
.karssen-reviews-grid-block__grid--columns-5 {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 992px) {
.karssen-reviews-grid-block__filter-grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 768px) {
.karssen-reviews-grid-block__grid--columns-3,
.karssen-reviews-grid-block__grid--columns-4,
.karssen-reviews-grid-block__grid--columns-5 {
grid-template-columns: 1fr;
}
.karssen-reviews-grid-block__card-logo { }
.karssen-reviews-grid-block__card-logo img { }
.karssen-reviews-grid-block__card-content {
padding: 15px;
gap: 12px;
}
.karssen-reviews-grid-block__card-casino {
font-size: 16px;
}
.karssen-reviews-grid-block__card-bonus-text {
font-size: 14px;
}
.karssen-reviews-grid-block__title {
font-size: 24px;
}
.karssen-reviews-grid-block__filter-grid {
grid-template-columns: 1fr;
gap: 12px;
}
.karssen-reviews-grid-block__filter-panel {
padding: 12px;
}
.karssen-reviews-grid-block__filter-group {
padding: 10px;
}
.karssen-reviews-grid-block__filter-group-title {
font-size: 13px;
margin-bottom: 8px;
}
.karssen-reviews-grid-block__filter-group-values {
max-height: 120px;
gap: 5px;
}
.karssen-reviews-grid-block__filter-checkbox {
padding: 5px;
}
.karssen-reviews-grid-block__filter-checkbox span {
font-size: 12px;
}
.karssen-reviews-grid-block__filter-actions {
flex-direction: column;
padding-top: 10px;
gap: 8px;
}
.karssen-reviews-grid-block__filter-reset,
.karssen-reviews-grid-block__filter-apply {
width: 100%;
padding: 8px 14px;
font-size: 13px;
}
} .karssen-reviews-table-block {
margin: 2rem 0;
}
.karssen-reviews-table-block__container {
margin: 0 auto;
padding: 0 20px;
}
.karssen-reviews-table-block__title {
font-size: 32px;
font-weight: 700;
color: #1e293b;
margin-bottom: 30px;
text-align: center;
}
.karssen-reviews-table-block__table {
display: flex;
flex-direction: column;
gap: 20px;
}
.karssen-reviews-table-block__row {
display: flex;
align-items: stretch;
min-height: 150px;
} .karssen-reviews-table-block__logo-section {
flex: 0 0 240px;
display: flex;
align-items: center;
justify-content: center;
background: #fff;
border-right: 1px solid #e5e7eb;
}
.karssen-reviews-table-block__logo-section img {
width: 100%;
height: 100%; } .karssen-reviews-table-block__casino-section {
flex: 0 0 200px;
padding: 20px;
display: flex;
flex-direction: column;
justify-content: center;
gap: 15px;
overflow: visible; }
.karssen-reviews-table-block__casino-name {
font-size: 18px;
font-weight: 700;
color: #1e293b;
}
.karssen-reviews-table-block__promocode {
display: flex;
flex-direction: column;
}
.karssen-reviews-table-block__promocode-label {
font-size: 12px;
font-weight: 600;
color: #64748b;
text-transform: uppercase;
}
.karssen-reviews-table-block__promocode-value {
display: flex;
align-items: center;
justify-content: space-between;
padding: 8px 12px;
background: #f5f7fa;
border: 1px solid #e5e7eb;
border-radius: 6px;
gap: 10px;
}
.karssen-reviews-table-block__promocode-value span {
font-size: 14px;
font-weight: 600;
color: #7c3aed;
flex: 1;
}
.karssen-reviews-table-block__promocode-copy {
background: none;
border: none;
cursor: pointer;
padding: 4px;
display: flex;
align-items: center;
justify-content: center;
color: #64748b;
transition: color 0.2s ease;
flex-shrink: 0;
}
.karssen-reviews-table-block__promocode-copy:hover {
color: #4dc0b5;
} .karssen-reviews-table-block__tc-wrapper {
display: inline-block;
text-align: center;
}
.karssen-reviews-table-block__tc-link {
position: relative;
font-size: 11px;
color: #64748b;
cursor: pointer;
text-decoration: underline;
text-decoration-style: dotted;
transition: color 0.2s ease;
}
.karssen-reviews-table-block__tc-link:hover {
color: #4dc0b5;
}
.karssen-reviews-table-block__tc-tooltip {
position: absolute;
bottom: calc(100% + 8px);
left: 50%;
transform: translateX(-50%);
background: #1e293b;
color: #fff;
padding: 12px 16px;
border-radius: 8px;
font-size: 12px;
line-height: 1.5;
min-width: 220px;
max-width: 300px;
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
opacity: 0;
visibility: hidden;
transition: opacity 0.2s ease, visibility 0.2s ease;
z-index: 9999;
text-align: left;
pointer-events: none;
}
.karssen-reviews-table-block__tc-tooltip::after {
content: '';
position: absolute;
top: 100%;
left: 50%;
transform: translateX(-50%);
border: 6px solid transparent;
border-top-color: #1e293b;
}
.karssen-reviews-table-block__tc-link:hover .karssen-reviews-table-block__tc-tooltip {
opacity: 1;
visibility: visible;
} .karssen-reviews-table-block__bonus-section {
flex: 0 0 200px;
padding: 20px;
display: flex;
flex-direction: column;
justify-content: center;
gap: 8px;
}
.karssen-reviews-table-block__bonus-more-row .karssen-reviews-table-block__bonus-section { }
.karssen-reviews-table-block__bonus-type {
font-size: 12px;
font-weight: 600;
color: #64748b;
text-transform: uppercase;
}
.karssen-reviews-table-block__bonus-type a {
color: inherit;
text-decoration: none;
transition: color 0.2s ease;
}
.karssen-reviews-table-block__bonus-type a:hover {
color: #4dc0b5;
text-decoration: underline;
}
.karssen-reviews-table-block__bonus-text {
font-size: 16px;
font-weight: 700;
color: #dc2626;
} .karssen-reviews-table-block__card-wrapper {
background: #fff;
border-radius: 5px;
overflow: visible; 
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
} .karssen-reviews-table-block__bonus-more-wrapper {
flex: 0 0 430px;
display: flex;
flex-direction: column; }
@media (max-width: 600px) { .karssen-reviews-table-block__bonus-more-wrapper {
flex: none;
}
}
.karssen-reviews-table-block__bonus-more-row {
display: flex;
flex-direction: row;
flex: 1;
} .karssen-reviews-table-block__description {
width: 100%;
font-size: 12px;
color: #64748b;
line-height: 1.4;
padding: 10px 20px;
} .karssen-reviews-table-block__more-info-section {
flex: 0 0 230px;
padding: 20px;
display: flex;
flex-direction: column;
justify-content: center;
gap: 8px; }
.karssen-reviews-table-block__more-info-label {
font-size: 12px;
font-weight: 600;
color: #64748b;
text-transform: uppercase;
margin-bottom: 5px;
}
.karssen-reviews-table-block__button-inner{
border-radius: 5px;
border: 1px dashed black;
width: 100%;
text-align: center;
color: black;
}
.karssen-reviews-table-block__info-item {
font-size: 14px;
color: #1e293b;
line-height: 1.5;
} .karssen-reviews-table-block__action-section {
flex: 1 1 auto;
padding: 20px;
display: flex;
flex-direction: column; 
justify-content: center;
align-items: center;
gap: 10px;
}
.karssen-reviews-table-block__button {
display: block;
width: 100%;
padding: 12px 20px;
background: #00b48d;
color: #fff;
text-align: center;
text-decoration: none;
border-radius: 6px;
font-size: 16px;
font-weight: 600;
transition: opacity 0.3s ease;
}
.karssen-reviews-table-block__button:hover {
opacity: 0.85;
color: #fff;
text-decoration: none;
}
.karssen-reviews-table-block__links {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
gap: 8px;
font-size: 12px;
}
.karssen-reviews-table-block__link {
color: #64748b;
text-decoration: none;
transition: color 0.2s ease;
line-height: 1.4;
}
.karssen-reviews-table-block__link:hover {
color: #4dc0b5;
text-decoration: underline;
}
.karssen-reviews-table-block__link-separator {
color: #64748b;
}
.karssen-reviews-table-block__no-results {
text-align: center;
padding: 40px 20px;
color: #64748b;
font-size: 16px;
} @media (max-width: 1200px) {
.karssen-reviews-table-block__row {
flex-wrap: wrap;
}
.karssen-reviews-table-block__logo-section {
flex: 0 0 100%;
border-right: none;
border-bottom: 1px solid #e5e7eb;
min-height: 100px;
}
.karssen-reviews-table-block__casino-section {
flex: 0 0 50%;  }
.karssen-reviews-table-block__bonus-section {
flex: 0 0 50%;
border-right: none;
border-bottom: 1px solid #e5e7eb;
}
.karssen-reviews-table-block__more-info-section {
flex: 0 0 50%;
border-right: 1px solid #e5e7eb;
border-bottom: 1px solid #e5e7eb;
}
.karssen-reviews-table-block__action-section {
flex: 0 0 50%;
border-right: none;
border-bottom: none;
}
}
@media (max-width: 768px) {
.karssen-reviews-table-block__row {
flex-direction: column;
}
.karssen-reviews-table-block__logo-section,
.karssen-reviews-table-block__casino-section,
.karssen-reviews-table-block__bonus-section,
.karssen-reviews-table-block__more-info-section,
.karssen-reviews-table-block__action-section {
flex: 1 1 100%;
border-right: none;
border-bottom: 1px solid #e5e7eb;
}
.karssen-reviews-table-block__action-section {
border-bottom: none;
}
}