.wfn-wrap{
    display:flex;
    justify-content: center;
    align-items: center;
    gap:20px;
    margin:20px 0;
    max-width: 65%;
}
 .wfn-card{
    background:#120F1F;
    border-radius:28px;
    padding:25px;
    color:#fff;
    text-align:center;
    box-shadow:0 10px 30px rgba(0,0,0,.25);
    width: 100%;
    height: 258px;
    max-height: 258px;
}
 .wfn-rating-card h3{
    color:#fff;
    margin:0 0 25px;
    font-size:24px;
    margin-bottom: 80px;
}
 .wfn-actions{
    display:flex;
    flex-direction: row-reverse;
    gap:12px;
    justify-content:center;
    flex-wrap:wrap;
}
 .wfn-actions button{
    background:#b51a28;
    border:0;
    border-radius:14px;
    color:#fff;
    padding:12px 14px;
    cursor:pointer;
    transition:.25s;
    min-width:88px;
    max-height: 60px;
    min-height: 60px;
    position: relative;
}
 .wfn-actions button:hover{
    transform:translateY(-4px);
    background:#e02030
}
 .wfn-actions .num{
    padding-top: 20px;
    display:block;
    font-size:72px;
    font-weight:800;
    line-height:42px;
    margin-top:-90px;
    background: linear-gradient(180deg, #CC1B29 25.26%, rgba(109, 103, 228, 0.00) 100.73%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
 .wfn-actions .emoji{
    display:block;
    margin-top: -7px;
}
.wfn-actions .emoji img{
    width: 36px;
}
 .wfn-actions .txt{
    display:block;
    font-size:16px;
    font-weight:700;
    margin-top: -6px;
}
 .wfn-meta{
     margin-top: -10px;
    font-size:15px
}
.wfn-owner-card {
    display: flex;
    justify-content: center;
    align-items: center;
}

.wfn-owner-card div {
    width: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.wfn-owner-card h3 {
    margin-bottom: 22px;
}
 .wfn-owner{
    background:
  linear-gradient(
    248.28deg,
    #a81420 9.54%,
    rgba(168, 20, 32, 0) 32.8%
  ),
  radial-gradient(
    81.71% 279.87% at -16.57% -92%,
    #8f101b 28.69%,
    rgba(143, 16, 27, 0) 69.54%
  ),
  #cc1b29;
    color:#fff;
    border:0;
    border-radius:14px;
    padding:18px 22px;
    font-size:18px;
    font-weight:700;
    cursor:pointer;
    transition:.25s
}
 .wfn-owner:hover{
    box-shadow: 0px 15px 40px -8px rgba(204, 27, 41, 0.5);
    transform:translateY(-3px)
}
 .owner-count{
     width: 100%!important;
    margin-top:18px;
    font-size:16px
}
 @media(max-width:768px){
     .wfn-wrap{
        grid-template-columns:1fr
    }
     .wfn-actions button{
        min-width:70px
    }
     .wfn-actions .num{
        font-size:42px
    }
}
.wfn-rating-card .wfn-stars .fa-solid {
    font-size: 18px;
}
.wfn-rating-card .wfn-stars .fa-star-half-stroke {
    transform: rotateY(180deg);
}
.wfn-owner-thanks {
    width: 100%!important;
}
.wfn-owner-thanks,.wfn-rating-thanks{margin-top:8px;display:none;color:#7EF9A8;font-size:15px;font-weight:700;line-height:1.8;animation:wfnFade .5s ease}
.wfn-stars{margin-top:16px;font-size:18px;color:#FFD54A;letter-spacing:4px}
.wfn-stars i{margin:0 2px;filter:drop-shadow(0 0 10px rgba(255,213,74,.35))}
@keyframes wfnFade{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}

@media(max-width:768px){
.wfn-owner-card{display:flex;flex-direction:column!important}
.wfn-owner-card>div{width:100%;text-align:center}
.wfn-owner-card img{max-width:180px;height:auto}
}


@media(max-width:768px){
 .wfn-wrap{
   display:flex;
   flex-direction:column;
   max-width:100%;
   gap:16px;
   margin:16px 0;
 }
 .wfn-card{
   height:auto;
   max-height:none;
   width:100%;
   box-sizing:border-box;
 }
 .wfn-owner-card{
   display:flex;
   flex-direction:column;
 }
 .wfn-owner-card>div{
   width:100%;
 }
}

@media (max-width:768px){
.wfn-actions{
    display:flex;
    flex-wrap: Wrap!important;
    justify-content: center !important;
    gap: 0.825rem !important;
}
.wfn-actions .wfn-action-item {
    min-height: 100px;
}
.wfn-actions button{
    flex-basis: 29% !important;
        flex: unset;
/*width:100%;*/
/*max-width:120px;*/
/*min-width:0;*/
/*padding:12px 8px;*/
/*position:relative;*/
}
.wfn-actions .num{
display:block;
font-size:46px;
position:static!important;
margin-top: -60px;
}
.wfn-actions .emoji{
    margin-top: -9px;
}
.wfn-actions button:last-child{
grid-column:1 / -1;
max-width:120px;
}
}