@media screen and (min-width: 769px) {
    .tpm-prod-hero__activity__card-item:first-child {
        pointer-events: none;
    }
    .tpm-prod-hero__activity__card-item:first-child .tpm-prod-hero__activity__card-link {
        padding-right: 128px;
        position: absolute;
    }

    .tpm-prod-hero__activity__card-item:first-child .tpm-prod-hero__activity__card-link::after {
        content: '';
        width: 80px;
        height: 80px;
        background-image: url("./img/qrcode.png");
        background-size: cover;
        position: absolute;
        right: 24px;
        top: 7px;
    }

    .tpm-prod-hero__activity__card-item:first-child .tpm-prod-hero__activity__card-text {
        display: none;
    }
}

@media screen and (max-width: 768px) {
    .tpm-prod-hero__activity__card-item:first-child {
        pointer-events: none;
    }
    .tpm-prod-hero__activity__card-item:first-child .tpm-prod-hero__activity__card-link {
        width: calc(276px + 80px + 12px);
        padding-right: calc(80px + 24px + 12px);
    }
    .tpm-prod-hero__activity__card-item:first-child .tpm-prod-hero__activity__card-link::after {
        content: '';
        width: 80px;
        height: 80px;
        background-image: url("./img/qrcode.png");
        background-size: cover;
        position: absolute;
        right: 24px;
        top: 24px;
    }
}