CSS

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

Hide menu home slider and active it when page scroll down

I was asked to create a flipping card and I want to do one without automatic rotation. I want it to rotate after clicking but I have no idea how to do this, I'm thinking I have to use transform:rotateY(180deg) Any pointers? Thank you!

I am a first year student in comp sci so I have the very basics of html and css down, but someone has asked me to make a site for them so I tried. The problem I am having with the layout which goes absolutely haywire when I zoom in/out or inspect the site on the mobile devices in chrome. And also I find that white space in the site looks off and I am not sure what to do there.

I am not new to CSS, but I have not been able to find anything about this on Google so I thought maybe I was using the wrong terminology.

I am looking to teach myself how to make a slider/carousel where the image is sliced into pieces and each slice is shifted off independently, revealing the image below as they "fly" off the screen.

I don't know how to describe this so Google will help me find the technology behind it.

Maybe it is actually done in Javascript more than CSS... I don't know.