.claim-my-gift {
    max-width:376px;
    margin-left:auto;
    margin-right:auto;
    position: relative;
    padding-left: var(--viewport-horizon-padding);
    padding-right: var(--viewport-horizon-padding);
    overflow:hidden;
    height:510px;
}

.claim-my-gift .star {
    aspect-ratio: 27/25;
    width:19px;
    height:auto;
}

.claim-my-gift .btn {
    background: var(--primary-main-red);
    font-family: var(--font-bluescreen-bold);
    color: white;
    font-size: 24px;
    padding-left: 19px;
    padding-right: 19px;
    line-height: 41px;
    border-radius: 10px;
    cursor: pointer;    
    text-decoration: none;
    margin-top:25px;
}

.claim-my-gift .bg {
    aspect-ratio:  736/1276;
    width:100%;
    height:auto;
}

.claim-my-gift h2 {
    color:var(--secondary-main-blue);
    font-family:var(--font-bluescreen-bold);
    font-size:40px;
    line-height:49px;
    text-align: center;
    margin:0;
}

.claim-my-gift h3 {
    color:var(--primary-main-red);
    font-family:var(--font-bluescreen-semi);

    font-size:24px;
    line-height:49px;
    margin:0;
} 

.claim-my-gift article {
    position: absolute;
    bottom: 0;
    width:100%;
    left: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-wrap: wrap;
}

@media (min-width:1024px) {
    .claim-my-gift {
        max-width:960px;
        height:auto;
        /* max-height:777px; */
    }

    .claim-my-gift article {
        gap: 0px;
    }

    .claim-my-gift .btn {
        margin-top:20px;
        font-size:30px;
        padding-left:24px;
        padding-right:24px;
        line-height:51px;
    }    

    .claim-my-gift .bg {
        aspect-ratio: 1920/1562;
    }

    .claim-my-gift h2 {
        font-size:64px;
        line-height:49px;
        margin-top: 38px;
        margin-bottom: 25px;
    }

    .claim-my-gift h3 {
        font-family:var(--font-bluescreen-bold);
        font-size:40px;
        line-height:49px;
        margin-top:24px;
        margin-bottom:16px;
    }
}