@media (min-width: 700px) {

    .coupon-card.two-way-card .card-main {

        height: 96px
    }
}

.coupon-card.two-way-card .card-main .title {

    font-family: Poppins, Noto Sans TC, system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Noto Sans, Liberation Sans, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;

    font-size: 15px;

    font-weight: 500;

    line-height: 150%;

    letter-spacing: 1.2px;

    --tw-text-opacity: 1;

    color: rgb(45 48 51 / var(--tw-text-opacity))
}

.coupon-card.two-way-card .card-main .text {

    font-family: Poppins, Noto Sans TC, system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Noto Sans, Liberation Sans, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;

    font-size: 12px;

    line-height: 150%;

    letter-spacing: 0.48px;

    --tw-text-opacity: 1;

    color: rgb(81 90 104 / var(--tw-text-opacity))
}

.coupon-img {

    margin-bottom: 1rem;

    overflow: hidden;

    border-radius: 20px
}

.coupon-title {

    margin-bottom: 0.5rem;

    font-size: 0.9375rem;

    line-height: 1.5;

    --tw-text-opacity: 1;

    color: rgb(45 48 51 / var(--tw-text-opacity))
}

@media (min-width: 700px) {

    .coupon-title {

        font-size: 1.125rem;

        line-height: 1.5
    }
}

.coupon-content {

    margin-bottom: 1rem;

    font-size: 0.8125rem;

    line-height: 1.5;

    line-height: 150%;

    letter-spacing: 0.52px;

    --tw-text-opacity: 1;

    color: rgb(81 90 104 / var(--tw-text-opacity))
}

@media (min-width: 700px) {

    .coupon-content {

        font-size: 0.9375rem;

        line-height: 1.5;

        letter-spacing: 1.2px
    }
}

.coupon-notice {

    margin-bottom: 1rem;

    font-size: 0.75rem;

    line-height: 1.5;

    line-height: 150%;

    letter-spacing: 0.48px;

    --tw-text-opacity: 1;

    color: rgb(131 141 156 / var(--tw-text-opacity))
}

.coupon-notice ol {

    padding-inline-start: 1.25rem
}

.coupons-content {

    display: flex;

    flex-direction: column;

    gap: 24px
}

@media (min-width: 700px) {

    .coupons-content {

        flex-direction: row;

        gap: 40px
    }

    .coupons-content .content-img {

        flex: 0 0 280px
    }
}

@media (min-width: 1024px) {

    .coupons-content .content-img {

        flex: 0 0 360px
    }
}

.coupons-content .content-info {

    display: flex;

    flex-direction: column;

    gap: 16px
}

@media (min-width: 700px) {

    .coupons-content .content-info {

        height: 380px;

        overflow-y: auto;

        padding-right: 16px
    }
}

.coupons-content .content-info .info-text {

    text-align: justify
}

.coupons-btn {

    display: flex;

    flex-direction: column;

    gap: 16px
}

@media (min-width: 700px) {

    .coupons-btn {

        flex-direction: row;

        justify-content: center
    }
}

/*# sourceMappingURL=member-area-my-coupons.css.map */