body {
    background-color: #e8e8e8;
}

/* Sliderable */

.Sliderable {
    float: left;
    overflow: hidden;
    padding: 15px;
    width: 100%;
    position: relative;
}

.Sliderable .Sliderable-inner {
    transition: transform 0.5s ease;
    float: left;
}

.Sliderable .Sliderable-inner .item {
    float: left;
}

.Sliderable .Sliderable-inner .item > div {
    text-align: center;
    padding: 10px;
    margin: 10px;
    background: #f1f1f1;
    color: #666;
}

.Sliderable .btn-left,
.Sliderable .btn-right {
    width: 50px !important;
    position: absolute;
    /* border-radius: 50%; */
    top: calc(50% - 20px);
    border-radius: 4px;
    background: #fff;
    box-shadow:
        0px 4.5px 9px 0px rgba(0, 0, 0, 0.04),
        0px 1.125px 1.125px 0px rgba(0, 0, 0, 0.08);
}

.Sliderable .btn-left {
    left: 15px;
}

.Sliderable .btn-right {
    right: 15px;
}

.Sliderable .btn-left.over,
.Sliderable .btn-right.over {
    pointer-events: none;
    background: #ccc;
    visibility: hidden;
}