a {
    color: #7f427e;
    text-decoration: none;
}
a:hover {
    text-decoration: none;
    color: #000;
}
.commgradient {
    background: linear-gradient(180deg, #ffffff 40%, #ffe8f6 87%, #7f427e 100%);
    color: #000;
    border-radius: 8px;
    padding: 5px;
    border: 0.1px solid #7f427e !important;
}
.commsolid {
    padding: 5px;
    border: 0.1px solid #7f427e !important;
}
.split-commgradient {
    background: linear-gradient(180deg, #ffe8f6 49%, #fff 50%, #ffe8f6 100%);
    color: #7f427e;
    border-radius: 8px;
    padding: 5px;
    border: 0.1px solid #7f427e !important;
}
.hover-split-commgradient:hover {
    background: linear-gradient(180deg, #ffe8f6 49%, #fff 50%, #ffe8f6 100%);
    
}
.commbold:hover {
    font: bolder !important;
    color: #fff !important;
    background-color: #7f427e !important;
    padding: 2px;
}
.commbtn {
    background: linear-gradient(180deg, #ffe8f6 49%, #fff 50%, #ffe8f6 100%);
    color: #7f427e;
    border-radius: 8px;
    padding: 5px;
    border: 0.1px solid #7f427e !important;
}
.hover-commbtn:hover {
    background: linear-gradient(180deg, #7f427e 49%, #7f427e 50%, #7f427e 100%);
    color: #ffe8f6;
    border-radius: 8px;
    padding: 5px;
    border: 0.1px solid #7f427e !important;
}