.react-carousel {
    width: 100%;
    display: inline-flex;
    .trigger {
        display: inline-flex;
        align-items: center;
        cursor: pointer;
        &.right {
            padding-left: 5px;
            .fa-stack {
                font-size: 11px;
                .fa-caret-right {
                    color: white;
                    top: 1px;
                    left: 1px;
                    transform: scale(2, 1.3);
                }
            }
        }
        &.left {
            padding-right: 5px;
            .fa-stack {
                font-size: 11px;
                .fa-caret-left {
                    color: white;
                    top: 1px;
                    left: -1px;
                    transform: scale(2, 1.3);
                }
            }
        }
    }

    .scrollable-container {
        vertical-align: middle;
        display: inline-block;
        position: relative;
        overflow: hidden;
        white-space: nowrap;
        .scrollable-content {
            left: 0;
            position: relative;
            transition: left 0.5s ease;
        }
    }
}