.freebies-wrapper {
    direction: ltr;
    text-align: center;
}

.freebies-wrapper .freebies-btn {
    padding: 0.5rem 1rem;
    border-radius: .4rem;
    font-size: 1rem;
    font-weight: 600;
}

.freebies-wrapper .freebies-btn.expired,
.freebies-wrapper .freebies-btn.expired:hover {
    color: #fff;
    background: gray;
    border-color: gray;
    cursor: pointer;
}

.freebies-wrapper .freebies-btn.code-copy {
    border: dashed 1px #232324;
}

.freebies-wrapper .freebies-btn.code-link {
    text-decoration: none;
    border: solid 1px;
}

.freebies-wrapper .freebies-btn i {
    margin-right: 10px;
}

.freebies-wrapper .freebies-btn.code-copy span {
    color: #fff;
    border-radius: .5rem;
    background-color: #0055b8;
    padding: 5px;
    margin-left: -0.5rem;
}

.freebies-wrapper table tr td:first-child {
    width: 40px;
}


.freebies-wrapper .game-announce {
    display: flex;
    border-radius: .25rem;
    padding: 1rem 0;
    margin: 1rem auto;
    justify-content: center;
}

.freebies-wrapper .game-announce>div {
    display: flex;
    align-items: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.freebies-wrapper .game-announce>div p {
    margin: auto;
    font-weight: 700;
}

.freebies-wrapper .game-announce>div .notify {
    margin-right: 1rem;
    border-radius: .4rem;
    padding: 0 .5rem;
}

.freebies-wrapper .game-announce .announce-link {
    display: flex;
    align-items: center;
    margin-left: 1rem;
    text-decoration: none;
    padding: 0.5rem;
    border-radius: .4rem;
}

.freebies-wrapper .game-announce .announce-link span {
    display: block;
}

.freebies-wrapper .game-announce .announce-link i {
    margin-left: 0.5rem;
}

.freebies-link-error {
    text-align: center;
    background-color: #ffc4c4;
    border: 1px solid red;
    border-radius: 0.5rem;
    padding: 1rem;
}

.freebies-wrapper .freebies {
    border-radius: 5rem;
    padding: 0.1rem 0.2rem;
    margin-left: 0.2rem;
}

.freebies-wrapper .freebies.blue {
    color: #2B287B;
    background-color: #D4CAFF;
}

.freebies-wrapper .freebies.red {
    color: #80000C;
    background-color: #FFC6CC;
}

.freebies-wrapper .freebies.green {
    color: #155B23;
    background-color: #C9FFD8;
}

.freebies-wrapper .freebies.gold {
    color: #6A5216;
    background-color: #FFF2D1;
}

.freebies-wrapper .freebies.violet {
    color: #F5D1F0;
    background-color: #781C65;
}

@media only screen and (max-width: 1080px) {
    .freebies-wrapper .freebies-btn {
        padding: 0.1rem;
        font-size: normal;
        font-weight: 400;
    }

    .freebies-wrapper table td:nth-child(2) {
        width: 50%;
    }

}