6-7 ИЮНЯ - ПЕРМЬ
ТАНЦЕВАЛЬЫНЙ ФЕСТИВАЛЬ
ТАНЦЕВАЛЬЫНЙ ФЕСТИВАЛЬ
В ЭТОТ РАЗТ ТЫ СОБИРАЕШЬ ФИРМЕННЫЙ МЕРЧ САМ.
ФУТБОЛКИ, ХУДИ, СВИТШОТЫ, БАНДАНЫ, КЕПКИ И РЮКЗАКИ — В КОНСТРУКТОРЕ, СОЗДАННОМ НА ОСНОВЕ АЙДЕНТИКИ MOLOTOV И «В СТИЛЕ В СИЛЕ».
MOLOTOV ×
ВCЕ СТИЛИ В СИЛЕ
ВCЕ СТИЛИ В СИЛЕ
Hello world!
/* =========================
MOLOTOV BUTTON
========================= */
.molotov-btn{
position:relative;
display:inline-flex;
align-items:center;
justify-content:space-between;
gap:28px;
min-width:280px;
padding:18px 22px;
border-bottom:1px solid #111;
color:#111;
text-decoration:none;
font-family:
"Helvetica Neue",
Helvetica,
Arial,
sans-serif;
font-size:14px;
font-weight:700;
letter-spacing:-0.02em;
text-transform:uppercase;
transition:
transform .25s ease,
color .25s ease,
opacity .25s ease;
overflow:hidden;
}
/* линия */
.molotov-btn::before{
content:"";
position:absolute;
left:0;
bottom:0;
width:100%;
height:1px;
background:#111;
transform-origin:left center;
transition:
transform .3s ease,
background .3s ease;
}
/* hover */
.molotov-btn:hover{
transform:translateY(-2px);
opacity:.75;
}
/* arrow */
.molotov-btn-arrow{
display:flex;
align-items:center;
justify-content:center;
font-size:22px;
line-height:1;
transition:
transform .25s ease;
}
.molotov-btn:hover
.molotov-btn-arrow{
transform:translateX(6px);
}
/* mobile */
@media(max-width:640px){
.molotov-btn{
width:100%;
min-width:0;
}
}