/* ------ CSS SPECIFIC FOR THE COMPONENTS ----- */

/* Headers */

.default-text {
    font-size: var(--body-font-size);
}

.subheader {
    font-size: var(--subh-font-size);
}

.header {
    font-family: var(--h-font-family);
    font-weight: 700;
    /*text-transform: uppercase; */
}

.header-l {
    font-size: var(--h-font-size-l);
}

.header-m {
    font-size: var(--h-font-size-m);
}

.header-s {
    font-size: var(--h-font-size-s);
}

/* - BUTTONS - */

.button-wrap {
    display: inline-block;
    width: fit-content;
}

.v0-button {
    padding: var(--button-padding);
    border-radius: var(--button-border-radius);
    font-size: var(--button-font-size);
    font-family: var(--button-font-family);
    align-items: center;
    cursor: pointer;
    line-height: 1.1em;
}

.v0-button-inline {
    display: inline-block;
}

.v0-button1 {
    background: var(--alt-color);
    color: white;
    text-transform: uppercase;
}

.v0-button1:hover {
    background: black;
    color: #fff;
}

.v0-button2 {
    background: var(--main-color);
    color: var(--alt-color);
}

.v0-button2:hover {
    background: var(--alt-color);
    color: white;
}