.ati-button-circle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: none !important;
    border-radius: 1.25rem;
    width: 2.5rem;
    height: 2.5rem;
    /* transition: background-color 0.4s ease, color 0.4s ease;*/
}

    .ati-button-circle i {
        display: flex;
        align-items: center;
        justify-content: center;      
    }

    .ati-button-circle:hover {
        background-color: #ececec !important;
    }

    .ati-button-circle:focus {
        box-shadow: none;
    }

    .ati-button-circle:active {
        border: none !important;
    }

    .ati-button-circle.oneffect {
        border: none !important;
        background: radial-gradient(circle, #333 49%, transparent 51%);
        image-rendering: auto;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        color: white;
    }

    .ati-button-circle.oneffect i {
        font-size:0.8rem;
    }

    .ati-button-circle:focus:active {
        border: none !important;
        box-shadow: none;
    }

    .ati-button-circle.generating-file {
        background-color: #000000 !important;
        color: white !important;
        animation: pulse 1.5s infinite;
    }

@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 2);
    }

    70% {
        box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    }
}

.ati-button-floating {
}