如何简化 CSS 块中的重复行？

如何解决如何简化 CSS 块中的重复行？

这一定是一个简单的问题，但我不清楚答案。我想要一些简单的东西。如果我有这两个 CSS 块，1,2，我可以简化以便不重复相同的行吗？正如您所注意到的，只有颜色发生了变化。

.glass-btn-main {/* 1 */
    background-color: #2961B6;
    border: solid 1px #2961B6;
    color: #F5F5F5;
    padding: 4px;
    cursor: pointer;
    white-space: Nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.glass-btn-secundary { /* 2 */
    background-color: transparent;
    border: solid 1px #2961B6;
    color: #2961B6;
    padding: 4px;
    cursor: pointer;
    white-space: Nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

提前致谢。