Different font size for the same button

Hi Friends,
I've a template native css class for button, and would like to insert two texts in the button, the first text can use the template classes, for the second text (which is a disclaimer) I would like set carriage return and smaller text.

The page is this: https://www.staccoexperience.com/home/experience/

and the button should be so: https://ibb.co/iGp2sq

Actually I've customized the button only here:

.button.colored.outline, .button.colored.solid:hover {
    color: #fff;
}
.button.colored.outline {
    background-color: #cf9f24;
}

controlling a div from another

Hi, Im developing my first css website for my own business and need some help to continue.

I made some buttons using divs with a background image wich contains de text and I want them to control another div content (background image)
Is there a better way to do it???

http://www.chiquimundo.amaliodigital.com/servicios.php

Thanks for your help

HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

One button, two hover events?

I have sliced images coming from photoshop to form a website. Tables have been formed to put them all together correctly. Now my question is i want to hover over an image that will be another image hover aswell. So for instance i have two images that have a hover stage for one image to another (white text in image to, black txt in image) and when i hover over one image, i'd like the other image to turn hovered together ( black text together). any help?

here's the code i have so far for it, maybe i can get another example of how it works instead of fixing my mess.

Syndicate content