:root {
    --padding1: 10px 10px;
    --border1: 2px solid;
    --text-align1: center;
    --text-decoration1: none;
    --display1: inline-block;
    --font-size1: 16px:
}

.crtubtn {
    border: var(--border1);
    padding: var(--padding1);
    text-align: var(--text-align1);
    text-decoration: var(--text-decoration1);
    display: var(--display1);
    font-size: var(--font-size1);
}

.crtubtn:hover {
    text-decoration: var(--text-decoration1);
    color: #fff
}

.crtubtn1 {
    --color1: white;
    --background1: #000000;
    --border-color1: #000000;
    --border-radius1: 5px;
}

.crtubtn2 {
    --color1: white;
    --background1: #ff00f7;
    --border-color1: #ff00f7;
    --border-radius1: 5px;
}

.crtubtn3 {
    --color1: white;
    --background1: #00ff1e;
    --border-color1: #00ff1e;
    --border-radius1: 5px;
}

.crtubtn4 {
    --color1: white;
    --background1: #5d00ff;
    --border-color1: #5d00ff;
    --border-radius1: 5px;
}

.crtubtn5 {
    --color1: rgb(0, 0, 0);
    --background1: #e5ff00;
    --border-color1: #e5ff00;
    --border-radius1: 5px;
}

.crtubtn6 {
    --color1: white;
    --background1: #074459;
    --border-color1: #074459;
    --border-radius1: 5px;
}

.crtubtn7 {
    --color1: white;
    --background1: #008CBA;
    --border-color1: #008CBA;
    --border-radius1: 5px;
}

.crtubtn8 {
    --color1: white;
    --background1: #16094f;
    --border-color1: #16094f;
    --border-radius1: 5px;
}

.crtubtn9 {
    --color1: white;
    --background1: #2c011e;
    --border-color1: #2c011e;
    --border-radius1: 5px;
}

.crtubtn10 {
    --color1: white;
    --background1: #ed5909;
    --border-color1: #ed5909;
    --border-radius1: 5px;
}

.crtubtn11 {
    --color1: white;
    --background1: #ff0101;
    --border-color1: #ff0101;
    --border-radius1: 5px;
}

.crtubtn12 {
    --color1: white;
    --background1: #590502;
    --border-color1: #590502;
    --border-radius1: 5px;
}

.crtubtn13 {
    --color1: white;
    --background1: #00ffbb;
    --border-color1: #00ffbb;
    --border-radius1: 25px;
}

.crtubtn14 {
    --color1: white;
    --background1: #5f087c;
    --border-color1: #5f087c;
    --border-radius1: 25px;
}

.crtubtn15 {
    --color1: white;
    --background1: #7c580a;
    --border-color1: #7c580a;
    --border-radius1: 25px;
}

.crtubtn16 {
    --color1: white;
    --background1: #969366;
    --border-color1: #969366;
    --border-radius1: 25px;
}

.crtubtn17 {
    --color1: white;
    --background1: #06440e;
    --border-color1: #06440e;
    --border-radius1: 25px;
}

.crtubtn18 {
    --color1: white;
    --background1: #677bbd;
    --border-color1: #677bbd;
    --border-radius1: 25px;
}

.crtubtn19 {
    --color1: white;
    --background1: #82073c;
    --border-color1: #82073c;
    --border-radius1: 25px;
}

.crtubtn20 {
    --color1: white;
    --background1: #70da85;
    --border-color1: #70da85;
    --border-radius1: 25px;
}

.crtubtn21 {
    --color1: white;
    --background1: #081352;
    --border-color1: #081352;
    --border-radius1: 25px;
}

.crtubtn22 {
    --color1: #000000;
    --background1: #f1bb4e;
    --border-color1: #f1bb4e;
    --border-radius1: 25px;
}

.crtubtn23 {
    --color1: white;
    --background1: #9a4ef1;
    --border-color1: #9a4ef1;
    --border-radius1: 25px;
}

.crtubtn24 {
    --color1: white;
    --background1: #6b3409;
    --border-color1: #6b3409;
    --border-radius1: 25px;
}

.crtubtn1,
.crtubtn2,
.crtubtn3,
.crtubtn4,
.crtubtn5,
.crtubtn6,
.crtubtn7,
.crtubtn8,
.crtubtn9,
.crtubtn10,
.crtubtn11,
.crtubtn12,
.crtubtn13,
.crtubtn14,
.crtubtn15,
.crtubtn16,
.crtubtn17,
.crtubtn18,
.crtubtn19,
.crtubtn20,
.crtubtn21,
.crtubtn22,
.crtubtn23,
.crtubtn24 {
    color: var(--color1);
    background-color: var(--background1);
    border: var(--border1) var(--border-color1);
    border-radius: var(--border-radius1);
}