Блог

Это трудно увидеть, но с ВНУТРЕННЕЙ СТОРОНЫ границы, слева и справа только от скошенного прямоугольника, есть пробелы, которые появляются только в том случае, если у меня есть градиентный фон

https://imgur.com/a/fDcD8bi

мой css:

 padding: 50px 0;
margin: 0;
border-radius: 15px;
border-radius: 0;
border: 4px solid #717171;
transform: skewX(352deg);
box-shadow: -5px 10px 10px 0px #0b0b0b2b;
cursor: pointer;
background: rgb(41,41,41);
background: -moz-linear-gradient(15deg, rgba(41,41,41,1) 0%, rgba(59,59,59,1) 100%);
background: -webkit-linear-gradient(15deg, rgba(41,41,41,1) 0%, rgba(59,59,59,1) 100%);
background: linear-gradient(15deg, rgba(41,41,41,1) 0%, rgba(59,59,59,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#292929",endColorstr="#3b3b3b",GradientType=1);
 

Какие-нибудь CSS-маги могли бы помочь мне с пробелами внутри? как я хотел бы, чтобы прямоугольник был наклонен с градиентом. Но они не так хорошо работают вместе. Спасибо