.problem-files--answer { .problem-files__cell { width: 320px; max-width: unset; } .flickity-button { width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; border-radius: 50%; background-color: #fff; &:disabled { opacity: 0; } // svg { // display: none; // } // &::before { // font-family: "niafam"; // } &.previous { right: 0; transform: translateX(50%) translateY(-50%); border: 1px solid #f1f1f1; padding-right: 4px; color: #bdc4cc; // &::before { // content: "\e94f"; // font-size: 1.8rem; // transform: rotate(-90deg); // } } &.next { left: 0; transform: translateX(-50%) translateY(-50%); border: 1px solid #f1f1f1; padding-left: 4px; color: #bdc4cc; // &::before { // content: "\e94f"; // font-size: 1.8rem; // transform: rotate(90deg); // } } } }