Untitled

.slick-carousel {
            .slick-arrow {
                border: none !important;
                background-color: $gray-300 !important;



                &.slick-prev {
                    width: 44px;
                    height: 44px;
                    left: -14px;



                    &::before {
                        content: "";
                        height: 12.1px;
                        margin-right: 15.85px;
                        transform: rotate(180deg);
                        background: url("../img/arrow_icon.svg") no-repeat;
                    }
                }



                &.slick-next {
                    width: 44px;
                    height: 44px;
                    right: -14px;



                    &::before {
                        content: "";
                        height: 12.1px;
                        margin-left: 15.85px;
                        background: url("../img/arrow_icon.svg") no-repeat;
                    }
                }



                &:hover {
                    border: none;
                }
            }
        }