обводка блоков

[Platonchik Pluxury]

вставлять в extra.less

.p-body-sidebar .block {
    position: relative;
    border-radius: 10px !important;
    margin-bottom: 15px !important;
    overflow: hidden
}
 
.p-body-sidebar .block {
    position: relative;
    border-radius: 10px !important;
    margin-bottom: 15px !important;
    background: var(--xf-contentBg) !important;
    overflow: hidden
}
 
.p-body-sidebar .block {
    border: 2px solid #ff9800 !important;
    border-radius: 10px !important;
    margin-bottom: 15px !important;
    transition: all .4s ease !important;
    box-shadow: 0 0 15px rgba(255, 152, 0, 0.3)
}
 
.p-body-sidebar .block {
    border: 2px solid #ff9800 !important;
    border-radius: 10px !important;
    margin-bottom: 15px !important;
    transition: border-color .3s cubic-bezier(.4, 0, .2, 1), box-shadow .3s cubic-bezier(.4, 0, .2, 1) !important;
    box-shadow: 0 0 10px rgba(255, 152, 0, 0.4);
    will-change: border-color, box-shadow;
    backface-visibility: hidden;
    transform: translateZ(0)
}
 
.p-body-sidebar .block:hover {
    border-color: #FF5722 !important;
    box-shadow: 0 0 20px rgba(255, 87, 34, 0.8), inset 0 0 10px rgba(255, 152, 0, 0.2) !important;
    animation: smoothGlow .8s ease-out
}
 
@keyframes smoothGlow {
    0% {
        box-shadow: 0 0 10px rgba(255, 152, 0, 0.4), inset 0 0 5px rgba(255, 152, 0, 0.1)
    }
 
    100% {
        box-shadow: 0 0 20px rgba(255, 87, 34, 0.8), inset 0 0 10px rgba(255, 152, 0, 0.2)
    }
}