/*!*****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@wordpress/scripts/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/@wordpress/scripts/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./assets/css/tiles/slider-grid-md_bonuses.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************/
.bonuses-tile {

    padding-left: 1rem;

    padding-right: 1rem;

    padding-top: 1.5rem;

    padding-bottom: 1.5rem;

    pointer-events: auto;

    border-radius: 1rem;

    border-width: 1px;

    --tw-border-opacity: 1;

    border-color: rgb(57 57 57 / var(--tw-border-opacity, 1));

    --tw-bg-opacity: 1;

    background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));

    position: relative;

    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;

    transition-duration: 300ms;

    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
}

.bonuses-tile:hover {

    --tw-border-opacity: 1;

    border-color: rgb(100 244 33 / var(--tw-border-opacity, 1))
}

.bonuses-tile a {

    pointer-events: auto;

    position: absolute;

    top: 0px;

    left: 0px;

    z-index: 10;

    height: 100%;

    width: 100%;

    color: transparent
}

.bonuses-tile .bonuses-tile-header {

    display: flex;

    justify-content: space-between
}

.bonuses-tile .bonuses-tile-logo {

    width: calc(100% - 4.1875rem - 1.5rem)
}

.bonuses-tile .bonuses-tile-header .bonuses-tile-image {
  
}

.bonuses-tile .bonuses-tile-header .bonuses-tile-name {

    font-size: 0.875rem;

    line-height: 1.25rem;

    font-weight: 500;

    --tw-text-opacity: 1;

    color: rgb(100 244 33 / var(--tw-text-opacity, 1));

    padding-top: 0.75rem;

    display: block;

    max-width: 11.875rem;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap
}

.bonuses-tile .bonuses-tile-header .bonuses-tile-button {

    height: 4.1875rem;

    width: 4.1875rem;

    border-radius: 9999px;

    --tw-bg-opacity: 1;

    background-color: rgb(100 244 33 / var(--tw-bg-opacity, 1));

    position: relative
}

.bonuses-tile .bonuses-tile-header .bonuses-tile-button:after {

    --tw-content: var(--wp--custom--icon-play-url);

    content: var(--tw-content);

    height: 1.8125rem;

    width: 1.4375rem;

    position: absolute;

    top: 50%;

    left: 50%;

    --tw-translate-x: calc(calc(50% - 0.25rem) * -1);

    --tw-translate-y: -50%;

    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.bonuses-tile .bonuses-tile-content {

    text-align: center;

    font-size: 1.5rem;

    line-height: 2rem;

    font-weight: 700;

    text-transform: uppercase;

    --tw-text-opacity: 1;

    color: rgb(255 255 255 / var(--tw-text-opacity, 1));

    border-radius: 0.75rem;

    --tw-bg-opacity: 1;

    background-color: rgb(28 28 28 / var(--tw-bg-opacity, 1));

    padding-left: 1.5rem;

    padding-right: 1.5rem;

    padding-bottom: 1rem;

    padding-top: 1.625rem;

    margin-top: 0.75rem;

    margin-bottom: 0.75rem
}

.bonuses-tile .bonuses-tile-footer {

    font-size: 0.625rem;

    font-weight: 500;

    --tw-text-opacity: 1;

    color: rgb(198 198 198 / var(--tw-text-opacity, 1))
}

/*# sourceMappingURL=slider-grid-md_bonuses.css.map*/