[html]
<style>
section.greetings {
width: 525px;
height: auto;
border-radius: 10px;
background: rgb(var(--canvas-secondary));
box-sizing: border-box;
padding: 10px 21px;
margin: auto!important;
position: relative;
}

section.greetings * {box-sizing: border-box;}

section.greetings h5 {
font-family: Playfair Display;
font-weight: 500;
font-style: Italic;
font-size: 20px;
line-height: 121%;
text-align: center;
margin-bottom: 10px;
}

section.greetings div {
font-family: Pragmatica;
font-weight: 400;
font-size: 11px;
line-height: 120%;
text-align: center;
text-transform: lowercase;
padding: 11px 21px;
background: rgb(255, 255, 255, .2);
border-radius: 10px;
margin-bottom: 10px;
}

section.greetings span {
font-family: Playfair Display;
font-weight: 500;
font-style: Italic;
font-size: 13px;
line-height: 121%;
text-align: center;
margin-bottom: 10px;
display: block;
}

section.greetings glinks {
    position: absolute;
    width: 100%;
    bottom: -13px;
    left: -0px;
    display: flex;
    justify-content: space-between;
    gap: 3px;
}

section.greetings glinks a {
    border-radius: var(--bradius-major);
    color: white !important;
    background:rgb(var(--bg-navlinks));
    transition: .3s cubic-bezier(0.62, -0.09, 0.23, 0.9);
    font-family: var(--font-cat-title);
    padding: 6px 16px 6px;
    height: 25px;
    box-sizing: border-box;
    font-weight: 100;
    font-size: 10px;
    line-height: 130%;
    text-align: center;
    flex-grow: 1;
}

section.greetings glinks a:hover {
    background: rgb(98 98 98);
}

</style>

<section class='greetings'>
<h5> добро пожаловать на champagne!</h5>
<div>
Сайт рыбатекст поможет дизайнеру, верстальщику, вебмастеру сгенерировать несколько абзацев более менее осмысленного текста рыбы на русском языке, а начинающему оратору отточить навык публичных выступлений в домашних условиях. Сайт рыбатекст поможет дизайнеру, верстальщику, вебмастеру сгенерировать несколько абзацев более менее осмысленного текста рыбы на русском языке, а начинающему оратору отточить навык публичных выступлений в домашних условиях.
</div>
<span>важные темы</span>

<!------ ссылки сжимаются/расширяются, но надо следить. если что - коммент или сотрите, или зовите меня ------------>
<glinks>
<a href='#'>ссылка</a>
<a href='#'>длинная ссылка</a>
<a href='#'>ссылка</a>
<a href='#'>ссылка</a>
<a href='#'>ссылка</a>
<a href='#'>ссылка</a>
</glinks>

</section>

[/html]