Шаблон:ModernButton

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

.modern-button {

   position: relative;
   display: flex;
   min-width: 45%;
   background: #31313b;
   border-radius: 8px;
   min-height: 64px;
   width: 100%;
   overflow: hidden;
   box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2);

}

.modern-button__image {

   display: flex;
   align-items: center;
   background: #40404d;
   padding: 4px;
   box-shadow: inset 20px 0px 20px 0px rgba(0, 0, 0, 0.05);

}

.modern-button__content {

   display: flex;
   flex-direction: column;
   justify-content: center;
   gap: 2px;
   width: 100%;
   padding: 8px 10px;

}

.modern-button__title {

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

}

.modern-button__subtext {

   font-size: 0.8em;

}

}}

.modern-button:hover {

   filter: brightness(108%);

}