@import url('https://fonts.googleapis.com/css2?family=Dela+Gothic+One&display=swap');

.cells {
    .cellsquare {
        * {font-family: 'Dela Gothic One';}
        position: absolute;
        transition: all 0.3s;
        left: 5px;
        right: 5px;
        bottom: 4px;
        border-radius: 0 0 10px 10px;
        display: flex;
        justify-content: center;
        align-items: center;
        overflow: hidden;
        border: 1px solid #fff;
        a {
            width: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 15px 0;
            background: #fac5ff9b;
            backdrop-filter: blur(5px);
            color: #333;
            gap: 10px;
            img {
                width: 13px;
                height: auto;
                border-radius: 0;
            }
        }
        div {
            height: 100%;
            width: 1px;
            background: #fff;
        }
    }
}

.flickity-page-dots .dot:nth-child(1) {
    background: #1EC3A5;
}