100% критику 19/20

/*Туз*/

.ace-heart::before {
position: absolute;
left: 5px;
top: 5px;
content: “A”;
color: red;
font-size: 25px;
font-weight: bold;
padding-bottom: 45px;
background: url(“heart.svg”) no-repeat 50% 50%;
background-size: 25px;
}

.ace-heart::after {
position: absolute;
right: 5px;
bottom: 5px;
content: “A”;
color: red;
font-size: 25px;
font-weight: bold;
padding-bottom: 45px;
background: url(“heart.svg”) no-repeat 50% 50%;
background-size: 25px;
}

.ace-heart {
background: url(“heart.svg”) no-repeat 50% 50%;
background-size: 50px;
}

/Двойка/
.two-spade::before {
position: absolute;
left: 5px;
top: 5px;
content: “2”;
color: black;
font-size: 25px;
font-weight: bold;
padding-bottom: 45px;
background: url(“spade.svg”) no-repeat 50% 50%;
background-size: 25px;
}

.two-spade::after {
position: absolute;
right: 5px;
bottom: 5px;
content: “2”;
color: black;
font-size: 25px;
font-weight: bold;
padding-bottom: 45px;
background: url(“spade.svg”) no-repeat 50% 50%;
background-size: 25px;
}

.two-spade {
background: url(“spade.svg”) no-repeat 50% 50%;
background-size: 50px;
}