CodeSandbox 代码和部署到 netlify 时的代码不一样

如何解决CodeSandbox 代码和部署到 netlify 时的代码不一样

在 CodeSandox 实时预览中，当我将鼠标悬停在 Instagram div 元素上时会发生以下情况： CodeSandbox

在 netlify 中发生这种情况：actual website

我希望我的网站实际上看起来像我的 CodeSandBox 结果，有人知道为什么会这样吗？

Instagram div 代码：

.ds5:hover {
  border: double 4px transparent;
  border-radius: 20px;
  border-width: 1;
  background-image: linear-gradient(rgba(44,44,44),rgba(44,44)),linear-gradient(90deg,rgba(81,91,212,1) 0%,rgba(129,52,175,1) 17%,rgba(221,42,123,1) 43%,rgba(254,218,119,1) 74%,rgba(245,133,41,1) 100%);

  background-origin: border-Box;
  background-clip: padding-Box,border-Box;
}
.ds5:hover::after {
  border: solid 4px rgba(221,1)

}