.gradient-border {
    border-radius: 12px;
    border: none;
}

.gradient-border::before {
    content: "";
    position: absolute;
    inset: 0;
    padding: 1px;
    border-radius: inherit;
    background: linear-gradient(180deg,
            rgba(231, 231, 231, 0) 0%,
            #E7E7E7 100%);
    -webkit-mask:
        linear-gradient(#000 0 0) content-box,
        linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
}

.gradient-border:hover::before {
    background: none;
    -webkit-mask: none;
    mask: none;
}