/* Import Google Font */
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
/* Default Font for entire site */
body {
font-family: 'Bebas Neue', sans-serif;
}
.aspect-video,.prose iframe{aspect-ratio:16/9}.hover-scale{transition:transform .3s}.hover-scale:hover{transform:scale(1.05)}.scrollbar-hide::-webkit-scrollbar{display:none}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.prose iframe{width:100%;max-width:100%;height:auto;display:block;border:none}
#suggestedCarousel {
position: relative;
padding: 0 48px; /* فاصله داخلی برای جلوگیری از تداخل دکمهها با کارتها */
}
#prevBtn {
left: -48px; /* دکمه را به سمت چپ منتقل میکنیم */
}
#nextBtn {
right: -48px; /* دکمه را به سمت راست منتقل میکنیم */
}
#prevBtn, #nextBtn {
z-index: 10; /* اطمینان از اینکه دکمهها روی کارتها قرار نمیگیرند */
transition: background-color 0.3s ease;
}
/* HTML: */
.inverted-radius {
--r: 20px; /* the radius */
--s: 30px; /* size of inner curve */
--x: 20px; /* horizontal offset (no percentage) */
--y: 10px; /* vertical offset (no percentage) */
width: 250px;
background: #3FB8AF;
border-radius: var(--r);
--_m:/calc(2*var(--r)) calc(2*var(--r)) radial-gradient(#000 70%,#0000 72%);
--_g:conic-gradient(from 180deg at var(--r) calc(100% - var(--r)),#0000 25%,#000 0);
--_d:(var(--s) + var(--r));
mask:
calc(var(--_d) + var(--x)) 100% var(--_m),
0 calc(100% - var(--_d) - var(--y)) var(--_m),
radial-gradient(var(--s) at 0 100%,#0000 99%,#000 calc(100% + 1px))
calc(var(--r) + var(--x)) calc(-1*var(--r) - var(--y)),
var(--_g) calc(var(--_d) + var(--x)) 0,
var(--_g) 0 calc(-1*var(--_d) - var(--y));
mask-repeat: no-repeat;
}
/* ========= MimGaming Pagination (no-tailwind, theme-aware) =========
Targets your current markup: