.vk-zz-bottom{-webkit-mask:linear-gradient(#000 0 0) top/100% calc(100% - 9px) no-repeat,url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='32' height='9' viewBox='0 0 32 9' preserveAspectRatio='none'><path d='M0 0H32L16 9Z' fill='black'/></svg>") bottom left/32px 9px repeat-x;mask:linear-gradient(#000 0 0) top/100% calc(100% - 9px) no-repeat,url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='32' height='9' viewBox='0 0 32 9' preserveAspectRatio='none'><path d='M0 0H32L16 9Z' fill='black'/></svg>") bottom left/32px 9px repeat-x}
.vk-ccard{transition:transform .2s ease,box-shadow .2s ease}
.vk-ccard:hover{transform:translateY(-4px)}
.vk-zz-right{-webkit-mask:linear-gradient(#000 0 0) left/calc(100% - 9px) 100% no-repeat,url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='9' height='32' viewBox='0 0 9 32' preserveAspectRatio='none'><path d='M0 0V32L9 16Z' fill='black'/></svg>") right top/9px 32px repeat-y;mask:linear-gradient(#000 0 0) left/calc(100% - 9px) 100% no-repeat,url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='9' height='32' viewBox='0 0 9 32' preserveAspectRatio='none'><path d='M0 0V32L9 16Z' fill='black'/></svg>") right top/9px 32px repeat-y}
@media (max-width:880px){.vk-zz-right{-webkit-mask:none;mask:none}}