@import ../../styles/helpers

.section
    position: relative

.wrap
    margin: 0 -12px
    +m
        margin: 0 -4px

.slider > div > div > div
    +m
        position: relative
        opacity: 1 !important
        padding: 0 4px !important

.item
    height: 100%
    padding: 64px 32px
    background: $neutrals2
    border-radius: 20px
    transition: all .2s
    +d
        padding: 48px 24px
    +m
        padding: 64px 24px
    .button
        background: #5400FF
        box-shadow: 0 0 0 2px #5400FF inset
        color: $neutrals8
        &:hover
            background: darken(#5400FF, 10)
            box-shadow: 0 0 0 2px darken(#5400FF, 10) inset
            color: $neutrals8
    // &:hover
    //     background: transparent
    //     box-shadow: inset 0 0 0 1px $neutrals2

.button
    min-width: 139px

.icon
    display: flex
    justify-content: center
    align-items: center
    width: 48px
    height: 48px
    margin-bottom: 32px
    border-radius: 50%
    font-size: 21px

.subtitle
    margin-bottom: 16px
    +body-2

.content
    margin-bottom: 32px
    +caption-1
    color: $neutrals4