@use "../base/vars";

.sync {
    margin-right: 5px;

    &-activate {
        animation: load infinite 2s forwards;
    }
}
#koin-order-container {
    h3 {
        text-decoration: underline vars.$primary;
    }
}

.koin-popup-response  {
    display: none;

    &-active {
        display: flex;
        flex-direction: column;
        align-items: center;

        position: fixed;
        z-index: 9998;
        padding-top: 100px;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        overflow: auto;
        background-color: rgb(0,0,0);
        background-color: rgba(0,0,0,0.7);

        .koin-popup-body {
            background-color: #fff;
        }

        img {
            width: 150px;
        }

        .close {
            position: absolute;
            top: 60px;
            right: 35px;
            color: #fff;
            font-size: 40px;
            font-weight: bold;
            transition: 0.3s;
            z-index: 9999;

            &:hover, &:focus {
                color: #bbb;
                text-decoration: none;
                cursor: pointer;
            }
        }
    }
}