.p-card-content{
    position: relative;
    opacity: 1!important;
}

.p-card-content__body{
    color: var(--c-accent);
    display: flex;
    align-items: center;
    margin-top: 20px;
    gap: 12px;
}

.p-card-content__icon{
    width: 54px;
}

.p-card-content__title{
    font-size: clamp(24px,6vw,32px);
    letter-spacing: var(--ls-default);
    font-weight: 600;
}

.p-card-content__sub{
    font-size: clamp(12px,3vw,15px)!important;
    letter-spacing: var(--ls-default)!important;
    line-height: 1.2!important;
    font-weight: 300!important;
}

.p-card-content__img{
    position: relative;
    border-radius: 10px;
    overflow: hidden;
}

.p-card-content__arrow::after {
    transition: all 0.6s;
    content: "";
    display: block;
    width: 18px;
    height: 14px;
    background-color: var(--c-mv-option-deco);
    mask: url('data:image/svg+xml,<svg width="28" height="24" viewBox="0 0 28 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.33337 10.5C1.50495 10.5 0.833374 11.1716 0.833374 12C0.833374 12.8284 1.50495 13.5 2.33337 13.5V10.5ZM26.7274 13.0607C27.3132 12.4749 27.3132 11.5251 26.7274 10.9393L17.1814 1.3934C16.5956 0.807611 15.6459 0.807611 15.0601 1.3934C14.4743 1.97919 14.4743 2.92893 15.0601 3.51472L23.5454 12L15.0601 20.4853C14.4743 21.0711 14.4743 22.0208 15.0601 22.6066C15.6459 23.1924 16.5956 23.1924 17.1814 22.6066L26.7274 13.0607ZM2.33337 12V13.5H25.6667V12V10.5H2.33337V12Z" fill="%23253271"/></svg>');
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
}

.p-card-content__arrow {
    transition: all 0.6s;
    position: absolute;
    right: -10px;
    top: 70%;
    transform: translateY(-50%);
    content: "";
    display: block;
    width: 50px;
    height: 50px;
    opacity: 1;
    border-radius: 100vmax;
    background-color: transparent;
    border: solid 3px var(--c-mv-option);
    background-color: var(--c-mv-option);
    display: grid;
    align-items: center;
    justify-content: center;
}

.p-card-content:hover .p-card-content__img img{
    transform: scale(1.1);
}


.p-card-content:hover .p-card-content__arrow::after {
    background-color: var(--c-mv-option);
}

.p-card-content:hover .p-card-content__arrow{
    background-color: var(--c-mv-option-deco);
    border-color: var(--c-mv-option-deco);
}
.p-card-content:hover .p-card-content__body{
    color: #6893FF;
}

.p-card-content__body{
    transition: all 0.6s;
}

.p-card-content__img img{
    transition: transform 0.6s;
}

@media (max-width: 1024px) {
    .p-card-content__icon{
        width: 34px;
    }

    .p-card-content__body{
        margin-top: 16px;
    }

    .p-card-content__arrow {
        right: -18px;
        top: 75%;
    }
}