.flickity-page-dots .dot {
    border-radius: 100px;
    transition: all 0.3s;
}
.flickity-page-dots .dot.is-selected {
    width: 30px;
}
.flickity-button {
    transition: all 0.3s;
}
.flickity-prev-next-button {
    transition: all 0.3s;
    border-radius: 100px;
}

.flickity-prev-next-button.previous ,
.flickity-prev-next-button.next {
    transition: all 0.3s;
    display: block;
    opacity: 0;
    pointer-events: none;
}
.gallery:hover {
    .flickity-prev-next-button.previous ,
    .flickity-prev-next-button.next {
        transition: all 0.3s;
        display: block;
        opacity: 1;
        pointer-events: all;
    }
}
.flickity-page-dots {
    margin: 0;
    bottom: -25px;
    display: block;
    padding-top: 25px;
}
.flickity-button:focus {
    box-shadow: none;
}