/* no circle */
 .flickity-button {
     background: #fff;
     position: absolute;
     top: 45%;
     right: 10px;
     border: none;
     border-radius: 5px;
     box-shadow: 2px 2px 28px -7px rgba(0, 0, 0, 0.56);
     -webkit-box-shadow: 2px 2px 28px -7px rgba(0, 0, 0, 0.56);
     -moz-box-shadow: 2px 2px 28px -7px rgba(0, 0, 0, 0.56);
 }

 .flickity-button:nth-child(2) {
     position: absolute;
     top: 45%;
     left: 10px;
 }

 .flickity-prev-next-button {
     width: 30px;
     height: 30px;
     padding: 5px;
 }

 .flickity-button-icon {
     fill: black;
 }

 .flickity-button:disabled {
     display: none;
 }

 .carousel {
     position: relative;
     font-family: Arial, Helvetica, sans-serif;
     margin: auto;
     /* max-width: 680px; */
     /* height: 400px; */
     width: 100%;
     border-radius: 20%;
 }
 .carousel:focus {
    outline: none;
  }

 .carousel-cell {
     margin-top: 35px;
     margin-right: 35px;
     margin-bottom: 35px;
     float: right;
     /* max-width: 201px; */
     width: 100%;
     /* height: 335px; */
     border-radius: 15px;
     counter-increment: carousel-cell;
     transition: all .3s ease;
     opacity: 0.3;
     background: #b9b9b9;
     filter: blur(6px);
}

 .carousel-cell.is-selected {
     filter: blur(0);
     opacity: 1;
     background: white;
     transform: scale(1.1);
     box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.6), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
 }

 /* name */
 .carousel-cell .n {
     font-size: 18px;
     margin-top: 15px;
     text-align: center;
     counter-increment: carousel-cell;
 }

 /* button */
 .carousel-cell .b {
     cursor: pointer;
     margin: auto;
     width: 180px;
     padding: 1px;
     background: green;
     border: 1px solid green;
     border-radius: 15px;
     font-size: 15px;
     color: white;
     text-align: center;
     counter-increment: carousel-cell;
     transition: all .3s ease;
 }

 /* picture */
 .carousel-cell .p {
     border-radius: 15px;
     width: 201px;
     height: 250px;
     counter-increment: carousel-cell;
 }

 .carousel-cell .b:hover {
     background: #00e509;
     transform: scale(1.03);
     font-size: 16px;
 }

 .carousel-cell .b:active {
     background: white;
     color: green;
     transform: scale(0.9);
     font-size: 16px;
 }

 .carousel-cell .b-selected {
     cursor: pointer;
     margin: auto;
     width: 180px;
     padding: 1px;
     background: white;
     border: 1px solid green;
     border-radius: 15px;
     font-size: 15px;
     color: green;
     text-align: center;
     counter-increment: carousel-cell;
     transition: all .3s ease;
 }