[name="dark"] .example1{
    background-color: rgb(32, 32, 32);
    border-radius: 20px;
}

[name="dark"] .example1__text{
    color: white;
}

[name="dark"] .example1__button{
    border-radius: 30px;
    background-color: rgb(60, 108, 168);
    border: 2px solid rgb(60, 108, 168);
    box-shadow: 0px 0px 10px rgb(48, 48, 48); 
    font-weight:bold;
}

[name="dark"] .example1__button:hover{
    border-radius: 30px;
    background-color: rgb(222, 222, 222);
    color: rgb(60, 108, 168);
   
}

[name="dark"] .example1__price{
    color: rgb(88, 146, 216);
}

[name="dark"] .example1__img{
    border-radius: 20px;
    border: 1px solid rgb(57, 57, 57);
}






[name="elegant"] .example1{
    background-color: rgb(255, 255, 255);
    box-shadow: 5px 5px 15px rgb(193, 193, 193);
}

[name="elegant"] .example1__text{
    color: rgb(19, 53, 16);
}

[name="elegant"] .example1__button{
    background-color: rgb(27, 27, 27);
    color: white;
    border: none;
    box-shadow: 5px 5px 0px  rgb(19, 53, 16);
}

[name="elegant"] .example1__button:hover{
    background-color: rgb(27, 77, 23) ;
    box-shadow: 5px 5px 0px rgb(27, 27, 27);
}

[name="elegant"] .example1__price{
    color: rgb(19, 53, 16);
}







[name="funny"] .example1{
    border-radius: 30px;
    box-shadow: 5px 5px 15px rgb(193, 193, 193);
}

[name="funny"] .example1__text{
    color: rgb(14, 5, 30);
}

[name="funny"] .example1__text  strong{
    color: rgb(166, 42, 243);
}

[name="funny"] .example1__button{
    background-color: rgb(162, 38, 244);
    color: white;
    border: none;
    border-radius: 30px;
}

[name="funny"] .example1__button:hover{
    background-color: white ;
    color:  rgb(166, 42, 243);
    box-shadow: 5px 5px 0px rgb(211, 167, 239);
    border: 2px solid rgb(162, 38, 244);
}

[name="funny"] .example1 img{
    border-radius: 20px;
    box-shadow: 0px 0px 15px rgb(215, 175, 239);
}