: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);
}