.flickity-button {
    box-shadow: none;
    width: auto;
    background-color: transparent;
    box-shadow: none;
    border-radius: 0;
    width: 36px;
    height: 62px;
    transform: translate(calc(-50% + 1rem), -50%)!important;

    &[disabled] {
        display: none;
    }

    &:hover,
    &:focus {
        background-color: transparent;
        box-shadow: none;
    }

    &:before {
        content:'' !important;
        position: absolute;
        width: 18px;
        height: 48px;
        background-repeat: no-repeat;
    }

    &.previous {
        left: -20px; //-36px;

        &:before {
            background-image: url('https://uikit.icemortgagetechnology.com/dist/assets/img/icons/angle-left.svg');
        }
    }

    &.next {
        right:  -20px; //-36px;

        &:before {
            background-image: url('https://uikit.icemortgagetechnology.com/dist/assets/img/icons/angle-right.svg');
        }
    }

    .flickity-button:hover, .flickity-button:focus {
        background-color: white;
        box-shadow: none !important;
    }
}
.dark .flickity-button {

    &.previous {
        left: -20px; //-36px;

        &:before {
            background-image: url('https://uikit.icemortgagetechnology.com/dist/assets/img/icons/white/angle-left.svg');
        }
    }

    &.next {
        right: -20px; //-36px;

        &:before {
            background-image: url('https://uikit.icemortgagetechnology.com/dist/assets/img/icons/white/angle-right.svg');
        }
    }
}