@charset "UTF-8";.component-btn-with-img{width:100%;height:140px;position:relative;margin-bottom:24px;display:flex;justify-content:center;align-items:center;cursor:pointer}
@media only screen and (min-width:1024px){.component-btn-with-img{width:280px;height:180px}
}
.component-btn-with-img .img{width:100%;height:140px;display:flex;justify-content:center;align-items:center;overflow:hidden;position:relative;border-radius:20px}
@media only screen and (min-width:1024px){.component-btn-with-img .img{width:280px;height:180px}
}
.component-btn-with-img .img::after{content:"";display:block;height:100%;position:absolute;top:0;width:100%;box-shadow:inset 0 180px 0 20px rgba(51,51,51,0.7)}
.component-btn-with-img:hover img{transform:scale(1.2)}
.component-btn-with-img img{flex-shrink:0;min-width:100%;min-height:100%;border-radius:20px;transition:transform .2s}
.component-btn-with-img p{position:absolute;left:0;right:0;margin:auto;max-width:153px;text-align:center;font-weight:700;font-size:1.875rem !important;line-height:35px !important;color:#fff}