/* =========================
   AFTER NEWS
========================= */

.after-news-section {
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 20;
}

/* =========================
   MENU SUPPORT
========================= */

.menu-support-title {
    position: absolute;
    top: 0px;          /* ปรับเอง */
    left: 50%;
    transform: translateX(-50%);
}

.menu-support-title img {
    width: 720px;
    display: block;
}

/* =========================
   LEFT BUTTON
========================= */

.main-buttons {
    position: absolute;
    top: 10px;        /* ปรับเอง */
    left: 25%;         /* ปรับเอง */
    transform: translateX(-50%);

    display: flex;
    flex-direction: column;
    gap: 8px;
}

/* =========================
   RIGHT BUTTON
========================= */

.main-buttons2 {
    position: absolute;
    top: 10px;        /* ปรับเอง */
    left: 75%;         /* ปรับเอง */
    transform: translateX(-50%);

    display: flex;
    flex-direction: column;
    gap: 8px;
}

/* =========================
   BUTTON
========================= */

.register-btn img,
.download-btn img,
.topup-btn img,
.discord-btn img {
    width: 350px;
    display: block;
    transition: .2s;
}

.register-btn:hover,
.download-btn:hover,
.topup-btn:hover,
.discord-btn:hover {
    animation: btnShake .5s infinite;
}

@keyframes btnShake {

    0%   { transform: rotate(0deg); }

    25%  { transform: rotate(-2deg); }

    50%  { transform: rotate(2deg); }

    75%  { transform: rotate(-2deg); }

    100% { transform: rotate(0deg); }

}