/* =========================================================
   FUTURESPROPWATCH — FEATURED PROPS REFERENCE DESIGN
========================================================= */
.fpw-featured-props {
    --blue: #146ef5;
    --green: #16a66a;
    --purple: #7358e8;
    --orange: #ef8b37;
    --ink: #101b2d;
    --text: #1a2b43;
    --muted: #687d98;
    position: relative;
    width: 100%;
    padding: 78px 0 78px;
    overflow: hidden;
    background: radial-gradient(circle at 5% 22%, rgba(33, 116, 245, .09), transparent 28%), radial-gradient(circle at 98% 70%, rgba(52, 137, 255, .12), transparent 31%), linear-gradient(180deg, #fff 0%, #f8fbff 57%, #edf5ff 100%)
}

.fpw-featured-dots {
    position: absolute;
    z-index: 0;
    top: 0;
    right: 0;
    width: min(34vw, 520px);
    height: 300px;
    opacity: .65;
    pointer-events: none;
    background-image: radial-gradient(#cbdcf2 1.15px, transparent 1.15px);
    background-size: 16px 16px;
    mask-image: linear-gradient(90deg, transparent 0%, #000 45%, #000 100%);
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 45%, #000 100%)
}

.fpw-featured-glow {
    position: absolute;
    pointer-events: none;
    border-radius: 50%;
    filter: blur(12px)
}

.fpw-featured-glow-one {
    width: 600px;
    height: 600px;
    top: -360px;
    right: -190px;
    background: radial-gradient(circle, rgba(48, 130, 255, .12), transparent 68%)
}

.fpw-featured-glow-two {
    width: 520px;
    height: 520px;
    bottom: -370px;
    left: -200px;
    background: radial-gradient(circle, rgba(42, 119, 255, .1), transparent 68%)
}

.fpw-featured-container {
    position: relative;
    z-index: 2;
    width: min(1400px, calc(100% - 48px));
    margin: 0 auto
}

.fpw-featured-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 40px;
    margin-bottom: 28px
}

.fpw-featured-heading {
    max-width: 780px
}

.fpw-featured-eyebrow {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 19px;
    color: var(--blue);
    font-size: 13px;
    font-weight: 850;
    line-height: 1;
    letter-spacing: 1.05px
}

.fpw-featured-eyebrow>span {
    width: 38px;
    height: 2px;
    flex: 0 0 38px;
    border-radius: 999px;
    background: var(--blue);
    box-shadow: 0 0 12px rgba(20, 110, 245, .18)
}

.fpw-featured-heading h2 {
    margin: 0;
    color: var(--ink);
    font-size: clamp(46px, 5vw, 70px);
    line-height: .98;
    letter-spacing: -3.9px;
    font-weight: 900
}

.fpw-featured-heading h2 strong {
    display: block;
    background: linear-gradient(100deg, #146ef5, #2d7fff 52%, #1164e8);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent
}

.fpw-featured-heading p {
    max-width: 670px;
    margin: 18px 0 0;
    color: var(--muted);
    font-size: 17px;
    line-height: 1.65;
    font-weight: 500
}

.fpw-featured-status {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    flex: 0 0 auto;
    min-height: 45px;
    padding: 0 16px;
    border: 1px solid #cce7d9;
    border-radius: 12px;
    background: rgba(244, 252, 247, .92);
    color: #25855b;
    font-size: 12px;
    font-weight: 800;
    box-shadow: 0 8px 22px rgba(20, 120, 70, .045)
}

.fpw-status-shield {
    display: inline-flex;
    width: 19px;
    height: 19px;
    color: var(--green)
}

.fpw-status-shield svg {
    width: 100%;
    height: 100%
}

.fpw-prop-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px
}

.fpw-prop-card {
    position: relative;
    min-width: 0;
    padding: 25px 24px 22px;
    border: 1px solid rgba(211, 224, 239, .95);
    border-radius: 18px;
    background: linear-gradient(145deg, rgba(255, 255, 255, .995), rgba(249, 252, 255, .98));
    box-shadow: 0 12px 32px rgba(21, 59, 105, .07);
    overflow: hidden;
    opacity: 0;
    transform: translateY(28px);
    transition: opacity .65s cubic-bezier(.2, .8, .2, 1), transform .65s cubic-bezier(.2, .8, .2, 1), border-color .3s ease, box-shadow .3s ease
}

.fpw-prop-card::before {
    content: "";
    position: absolute;
    top: -1px;
    left: 0;
    width: 100%;
    height: 3px;
    border-radius: 999px;
    background: linear-gradient(90deg, #16a66a 0%, #16a66a 28%, #146ef5 62%, #146ef5 100%)
}

.fpw-prop-card::after {
    content: "";
    position: absolute;
    top: -95px;
    right: -95px;
    width: 190px;
    height: 190px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(20, 110, 245, .075), transparent 70%);
    pointer-events: none
}

.fpw-prop-card.fpw-card-visible {
    opacity: 1;
    transform: translateY(0)
}

.fpw-prop-card:hover {
    border-color: #c2d8f1;
    box-shadow: 0 22px 50px rgba(22, 70, 125, .12);
    transform: translateY(-7px)
}

.fpw-prop-card:nth-child(2) {
    transition-delay: .06s
}

.fpw-prop-card:nth-child(3) {
    transition-delay: .12s
}

.fpw-prop-card:nth-child(4) {
    transition-delay: .18s
}

.fpw-prop-card:nth-child(5) {
    transition-delay: .24s
}

.fpw-prop-card:nth-child(6) {
    transition-delay: .30s
}

.fpw-prop-card-top {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    min-height: 57px;
    margin-bottom: 24px
}

.fpw-prop-brand {
    display: flex;
    align-items: center;
    gap: 13px;
    min-width: 0
}

.fpw-prop-logo {
    width: 59px;
    height: 59px;
    flex: 0 0 59px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border: 1px solid #dce7f2;
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 5px 15px rgba(20, 55, 100, .08);
    transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease
}

.fpw-prop-logo img {
    width: 100%;
    height: 100%;
    display: block;
     object-fit: contain;
    transition: transform .28s ease
}

.fpw-prop-card:hover .fpw-prop-logo {
    border-color: #c8dcf3;
    box-shadow: 0 9px 21px rgba(20, 110, 245, .12);
    transform: translateY(-2px)
}

.fpw-prop-card:hover .fpw-prop-logo img {
    transform: scale(1.055)
}

.fpw-prop-name {
    min-width: 0
}

.fpw-prop-name strong {
    display: block;
    max-width: 250px;
    overflow: hidden;
    color: #15233a;
    font-size: 16px;
    line-height: 1.25;
    font-weight: 850;
    white-space: nowrap;
    text-overflow: ellipsis
}

.fpw-prop-name span {
    display: block;
    margin-top: 5px;
    color: #7e91aa;
    font-size: 11.5px;
    line-height: 1.2;
    font-weight: 550
}

.fpw-prop-verified {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    flex: 0 0 auto;
    min-height: 33px;
    padding: 0 11px;
    border-radius: 9px;
    background: #eaf8f0;
    color: #20845b;
    font-size: 11px;
    font-weight: 850
}

.fpw-verified-icon {
    display: inline-flex;
    width: 17px;
    height: 17px
}

.fpw-verified-icon svg {
    width: 100%;
    height: 100%
}

.fpw-prop-price {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 15px;
    min-height: 67px;
    padding-bottom: 17px;
    border-bottom: 1px solid #e4ebf3
}

.fpw-price-label {
    color: #687f9b;
    font-size: 11.5px;
    line-height: 1.25;
    font-weight: 650
}

.fpw-price-value {
    color: #111d31;
    font-size: 30px;
    line-height: .95;
    letter-spacing: -1.1px;
    font-weight: 900;
    white-space: nowrap
}

.fpw-price-value small {
    color: #70839c;
    font-size: 10px;
    line-height: 1;
    font-weight: 750;
    letter-spacing: 0
}

.fpw-prop-stats {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    padding: 19px 0 18px;
    border-bottom: 1px solid #e4ebf3
}

.fpw-prop-stat {
    min-width: 0;
    padding: 0 7px;
    border-right: 1px solid #e2e9f1
}

.fpw-prop-stat:first-child {
    padding-left: 0
}

.fpw-prop-stat:last-child {
    padding-right: 0;
    border-right: 0
}

.fpw-stat-label {
    display: flex;
    align-items: center;
    gap: 6px;
    min-width: 0;
    margin-bottom: 9px;
    color: #6f829b;
    font-size: 10.5px;
    line-height: 1.2;
    font-weight: 650;
    white-space: nowrap
}

.fpw-stat-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    flex: 0 0 20px
}

.fpw-stat-icon svg {
    width: 100%;
    height: 100%
}

.fpw-stat-account {
    color: #18a66a
}

.fpw-stat-drawdown {
    color: #7654e8
}

.fpw-stat-payout {
    color: #5d9ef7
}

.fpw-prop-stat strong {
    display: block;
    max-width: 100%;
    overflow: hidden;
    color: #17263c;
    font-size: 14px;
    line-height: 1.25;
    font-weight: 850;
    white-space: nowrap;
    text-overflow: ellipsis
}

.fpw-coupon {
    position: relative;
    z-index: 2;
    margin-top: 18px;
    padding: 13px;
    overflow: hidden;
    border: 1px dashed #9cc4f6;
    border-radius: 11px;
    background: linear-gradient(135deg, #f0f7ff 0%, #eef7ff 48%, #eef8f5 100%);
    transition: border-color .3s ease, box-shadow .3s ease
}

.fpw-coupon::before {
    content: "";
    position: absolute;
    top: 0;
    left: -110%;
    width: 70%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .72), transparent);
    transform: skewX(-20deg);
    transition: left .7s ease
}

.fpw-prop-card:hover .fpw-coupon {
    border-color: #87b6ef;
    box-shadow: 0 8px 22px rgba(20, 110, 245, .075)
}

.fpw-prop-card:hover .fpw-coupon::before {
    left: 140%
}

.fpw-coupon-top {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 10px
}

.fpw-coupon-heading {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0
}

.fpw-coupon-heading>span:last-child {
    color: #617894;
    font-size: 11px;
    font-weight: 850
}

.fpw-coupon-icon {
    display: inline-flex;
    width: 24px;
    height: 24px;
    flex: 0 0 24px;
    color: #18a66a
}

.fpw-coupon-icon svg {
    width: 100%;
    height: 100%
}

.fpw-coupon-top b {
    color: #12945a;
    font-size: 11px;
    font-weight: 900;
    white-space: nowrap
}

.fpw-coupon-bottom {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    gap: 10px
}

.fpw-coupon-code {
    flex: 1;
    min-width: 0;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 10px;
    overflow: hidden;
    border: 1px solid #d8e4f1;
    border-radius: 8px;
    background: #fff;
    color: #15995d;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    font-size: 19px;
    line-height: 1;
    font-weight: 900;
    letter-spacing: .2px;
    white-space: nowrap;
    text-overflow: ellipsis
}

.fpw-copy-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    height: 42px;
    min-width: 86px;
    padding: 0 14px;
    border: 0;
    border-radius: 9px;
    background: linear-gradient(135deg, #18a76a, #0f9259);
    color: #fff;
    cursor: pointer;
    font: inherit;
    font-size: 11px;
    font-weight: 850;
    box-shadow: 0 7px 15px rgba(17, 145, 87, .19);
    transition: transform .2s ease, box-shadow .2s ease, filter .2s ease
}

.fpw-copy-icon {
    display: inline-flex;
    width: 16px;
    height: 16px
}

.fpw-copy-icon svg {
    width: 100%;
    height: 100%
}

.fpw-copy-btn:hover {
    filter: brightness(1.03);
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(17, 145, 87, .25)
}

.fpw-copy-btn:active {
    transform: scale(.96)
}

.fpw-copy-btn.copied {
    background: linear-gradient(135deg, #128f58, #0d7849)
}

.fpw-prop-details {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
    margin-top: 17px;
    padding-top: 14px;
    border-top: 1px solid #e6edf4;
    color: #146ef5;
    text-decoration: none;
    font-size: 12px;
    line-height: 1.3;
    font-weight: 800
}

.fpw-prop-details span:first-child {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.fpw-prop-details span:last-child {
    flex: 0 0 auto;
    font-size: 19px;
    line-height: 1;
    transition: transform .25s ease
}

.fpw-prop-details:hover span:last-child {
    transform: translateX(5px)
}

.fpw-featured-benefits {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-top: 24px;
    padding: 17px 22px;
    border: 1px solid rgba(221, 231, 242, .8);
    border-radius: 17px;
    background: linear-gradient(100deg, rgba(255, 255, 255, .72), rgba(248, 251, 255, .9));
    box-shadow: 0 10px 30px rgba(20, 65, 120, .045);
    backdrop-filter: blur(8px)
}

.fpw-benefit {
    display: flex;
    align-items: center;
    gap: 13px;
    min-width: 0;
    padding: 0 20px;
    border-right: 1px solid #e5edf5
}

.fpw-benefit:first-child {
    padding-left: 2px
}

.fpw-benefit:last-child {
    padding-right: 2px;
    border-right: 0
}

.fpw-benefit-icon {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 11px
}

.fpw-benefit-icon svg {
    width: 23px;
    height: 23px
}

.fpw-benefit-blue {
    color: #146ef5;
    background: #eaf2ff
}

.fpw-benefit-green {
    color: #16a66a;
    background: #e8f8ef
}

.fpw-benefit-purple {
    color: #7455e8;
    background: #f0ebff
}

.fpw-benefit-orange {
    color: #ef8b37;
    background: #fff2e7
}

.fpw-benefit strong {
    display: block;
    color: #17263b;
    font-size: 13px;
    line-height: 1.25;
    font-weight: 850
}

.fpw-benefit span {
    display: block;
    margin-top: 4px;
    color: #778ba5;
    font-size: 11px;
    line-height: 1.25;
    font-weight: 550
}

.fpw-featured-footer {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 29px
}

.fpw-view-all-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 11px;
    min-height: 48px;
    padding: 0 24px;
    border: 1px solid #d2dfed;
    border-radius: 10px;
    background: #fff;
    color: #17263a;
    text-decoration: none;
    font-size: 12.5px;
    font-weight: 850;
    box-shadow: 0 7px 20px rgba(20, 55, 100, .045);
    transition: transform .25s ease, color .25s ease, border-color .25s ease, box-shadow .25s ease
}

.fpw-view-all-btn span {
    color: #146ef5;
    font-size: 17px;
    transition: transform .25s ease
}

.fpw-view-all-btn:hover {
    color: #146ef5;
    border-color: #b8d1ee;
    transform: translateY(-3px);
    box-shadow: 0 12px 25px rgba(20, 75, 140, .09)
}

.fpw-view-all-btn:hover span {
    transform: translateX(5px)
}

.fpw-featured-footer p {
    margin: 10px 0 0;
    color: #8a9ab0;
    font-size: 10.5px;
    line-height: 1.4;
    font-weight: 550
}

@media(max-width:1100px) {
    .fpw-featured-container {
        width: min(100% - 40px, 960px)
    }

    .fpw-featured-heading h2 {
        font-size: clamp(43px, 5.3vw, 58px);
        letter-spacing: -3px
    }

    .fpw-featured-heading p {
        font-size: 15px
    }

    .fpw-prop-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .fpw-featured-benefits {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0;
        padding: 16px
    }

    .fpw-benefit {
        min-height: 58px;
        padding: 10px 14px
    }

    .fpw-benefit:nth-child(2) {
        border-right: 0
    }

    .fpw-benefit:nth-child(-n+2) {
        border-bottom: 1px solid #e5edf5
    }

    .fpw-benefit:nth-child(3) {
        padding-left: 14px
    }
}

@media(max-width:820px) {
    .fpw-featured-props {
        padding: 66px 0 68px
    }

    .fpw-featured-header {
        align-items: flex-start;
        flex-direction: column;
        gap: 20px
    }

    .fpw-featured-status {
        min-height: 42px
    }

    .fpw-prop-card-top {
        gap: 10px
    }

    .fpw-prop-name strong {
        max-width: 210px
    }
}

@media(max-width:600px) {
    .fpw-featured-props {
        padding: 56px 0 60px
    }

    .fpw-featured-container {
        width: calc(100% - 28px)
    }

    .fpw-featured-dots {
        width: 260px;
        height: 220px;
        opacity: .42
    }

    .fpw-featured-header {
        margin-bottom: 27px
    }

    .fpw-featured-eyebrow {
        gap: 9px;
        margin-bottom: 15px;
        font-size: 10px;
        letter-spacing: .95px
    }

    .fpw-featured-eyebrow>span {
        width: 28px;
        flex-basis: 28px
    }

    .fpw-featured-heading h2 {
        font-size: clamp(37px, 11vw, 48px);
        line-height: .99;
        letter-spacing: -2.5px
    }

    .fpw-featured-heading p {
        margin-top: 14px;
        font-size: 14px;
        line-height: 1.65
    }

    .fpw-featured-status {
        width: auto;
        max-width: 100%;
        min-height: 40px;
        padding: 0 12px;
        font-size: 10px
    }

    .fpw-prop-grid {
        grid-template-columns: 1fr;
        gap: 15px
    }

    .fpw-prop-card {
        padding: 20px 18px 18px;
        border-radius: 17px
    }

    .fpw-prop-card:hover {
        transform: translateY(-3px)
    }

    .fpw-prop-card-top {
        min-height: 51px;
        margin-bottom: 20px
    }

    .fpw-prop-logo {
        width: 51px;
        height: 51px;
        flex-basis: 51px;
        border-radius: 12px
    }

    .fpw-prop-name strong {
        max-width: 190px;
        font-size: 14px
    }

    .fpw-prop-name span {
        font-size: 10.5px
    }

    .fpw-prop-verified {
        min-height: 29px;
        padding: 0 8px;
        border-radius: 8px;
        font-size: 9px
    }

    .fpw-verified-icon {
        width: 14px;
        height: 14px
    }

    .fpw-prop-price {
        min-height: 59px;
        padding-bottom: 15px
    }

    .fpw-price-label {
        font-size: 10px
    }

    .fpw-price-value {
        font-size: 25px
    }

    .fpw-price-value small {
        font-size: 9px
    }

    .fpw-prop-stats {
        padding: 16px 0
    }

    .fpw-prop-stat {
        padding: 0 9px
    }

    .fpw-stat-label {
        gap: 4px;
        font-size: 9px
    }

    .fpw-stat-icon {
        width: 17px;
        height: 17px;
        flex-basis: 17px
    }

    .fpw-prop-stat strong {
        font-size: 12px
    }

    .fpw-coupon {
        margin-top: 15px;
        padding: 11px
    }

    .fpw-coupon-heading>span:last-child {
        font-size: 10px
    }

    .fpw-coupon-top b {
        font-size: 10px
    }

    .fpw-coupon-code {
        height: 40px;
        font-size: 17px
    }

    .fpw-copy-btn {
        height: 40px;
        min-width: 76px;
        padding: 0 11px
    }

    .fpw-copy-icon {
        width: 14px;
        height: 14px
    }

    .fpw-prop-details {
        margin-top: 15px;
        padding-top: 12px;
        font-size: 11px
    }

    .fpw-featured-benefits {
        grid-template-columns: 1fr;
        margin-top: 16px;
        padding: 9px 13px;
        border-radius: 15px
    }

    .fpw-benefit,
    .fpw-benefit:nth-child(3) {
        min-height: 58px;
        padding: 10px 4px;
        border-right: 0;
        border-bottom: 1px solid #e5edf5
    }

    .fpw-benefit:last-child {
        border-bottom: 0
    }

    .fpw-benefit-icon {
        width: 39px;
        height: 39px;
        flex-basis: 39px
    }

    .fpw-benefit-icon svg {
        width: 21px;
        height: 21px
    }

    .fpw-benefit strong {
        font-size: 12px
    }

    .fpw-benefit span {
        font-size: 10px
    }

    .fpw-featured-footer {
        margin-top: 25px
    }

    .fpw-view-all-btn {
        width: 100%;
        max-width: 260px
    }
}

@media(max-width:380px) {
    .fpw-featured-container {
        width: calc(100% - 22px)
    }

    .fpw-featured-heading h2 {
        font-size: 34px;
        letter-spacing: -2px
    }

    .fpw-prop-card {
        padding: 17px 15px 16px
    }

    .fpw-prop-logo {
        width: 47px;
        height: 47px;
        flex-basis: 47px
    }

    .fpw-prop-name strong {
        max-width: 155px;
        font-size: 13px
    }

    .fpw-price-value {
        font-size: 22px
    }

    .fpw-stat-label {
        font-size: 8px
    }

    .fpw-prop-stat strong {
        font-size: 11px
    }

    .fpw-coupon-code {
        font-size: 15px
    }

    .fpw-copy-btn {
        min-width: 68px;
        padding: 0 8px
    }
}

@media(prefers-reduced-motion:reduce) {

    .fpw-prop-card,
    .fpw-prop-card:hover,
    .fpw-prop-logo,
    .fpw-prop-logo img,
    .fpw-copy-btn,
    .fpw-prop-details span:last-child {
        transition: none !important;
        animation: none !important
    }

    .fpw-prop-card {
        opacity: 1 !important;
        transform: none !important
    }
}

/* =========================================================
   FINAL ICON OVERRIDES
   Prevent global SVG rules from breaking featured cards
========================================================= */

.fpw-prop-card .fpw-stat-icon {
    width: 38px !important;
    height: 38px !important;

    min-width: 38px !important;
    min-height: 38px !important;

    max-width: 38px !important;
    max-height: 38px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    flex: 0 0 38px !important;

    overflow: hidden !important;
}

.fpw-prop-card .fpw-stat-icon svg {
    width: 24px !important;
    height: 24px !important;

    min-width: 24px !important;
    min-height: 24px !important;

    max-width: 24px !important;
    max-height: 24px !important;

    display: block !important;

    flex: none !important;
}

.fpw-prop-card .fpw-coupon-icon {
    width: 38px !important;
    height: 38px !important;

    min-width: 38px !important;
    min-height: 38px !important;

    max-width: 38px !important;
    max-height: 38px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    flex: 0 0 38px !important;

    overflow: hidden !important;
}

.fpw-prop-card .fpw-coupon-icon svg {
    width: 24px !important;
    height: 24px !important;

    min-width: 24px !important;
    min-height: 24px !important;

    max-width: 24px !important;
    max-height: 24px !important;

    display: block !important;

    flex: none !important;
}

.fpw-prop-card .fpw-copy-icon {
    width: 18px !important;
    height: 18px !important;

    min-width: 18px !important;
    min-height: 18px !important;

    max-width: 18px !important;
    max-height: 18px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    flex: 0 0 18px !important;
}

.fpw-prop-card .fpw-copy-icon svg {
    width: 18px !important;
    height: 18px !important;

    min-width: 18px !important;
    min-height: 18px !important;

    max-width: 18px !important;
    max-height: 18px !important;

    display: block !important;
}