@charset "utf-8";

/* #region common */
.event-benefit-template {
    

}
/* #endregion */


/* #region  */
.event-benefit-template {
    .benefit-preview-btn{
        position: absolute;
        width: 49.5%;
        height: 49.5%;
        &.btn_01{top: 0; left: 0;}
        &.btn_02{top: 0; right: 0;}
        &.btn_03{bottom: 0; left: 0;}
        &.btn_04{bottom: 0; right: 0;}
    }
    .c-custom-accordion__area--fade{
        height: calc(80 * var(--ratio));
        &::after{
           background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, #FFF 56.25%); 
        }
    }
    .review-submit-btn{
        position: absolute;
        left: 5%;
        bottom: 6%;
        width: 90%;
        height: 11%;
    }
    .c-round-btn.c-round-btn--large.c-round-btn--fill button{width: 100%;}

    .ai-link{
        position: absolute;
        width: 84%;
        left:8%;
        &.ai-linker-01{
            height: 30%;
            bottom: 30%;
        }
        &.ai-linker-02{
            height: 25%;
            bottom: 5%;
        }
    }

}
/* #endregion */