Шаблон:ModernButton

Мышь-ПышьСамая прожорливая мышь на вики

{{#css:

.modern-button {

   position: relative;
   display: flex;
   width: 100%;
   min-width: 45%;
   min-height: 64px;
   border-radius: 8px;
   overflow: hidden;
   box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2);
   transition: all 0.1s ease;

}

.modern-button__image {

   position: relative;
   display: flex;
   align-items: center;
   padding: 4px;
   box-shadow: inset 20px 0px 20px 0px rgba(0, 0, 0, 0.05);

}

.modern-button__content {

   position: relative;
   display: flex;
   flex-direction: column;
   justify-content: center;
   gap: 2px;
   width: 100%;
   padding: 8px 10px;
   background: #00000037;

}

.modern-button__title {

   font-size: 1.8em;
   line-height: 1;
   font-family: "Oswald";

}

.modern-button__subtext {

   font-size: 0.8em;

} }}