Справочник верстальщика

Кнопки

• 
  1000 грн
  
  
• <a href="#" class="button11"> 1000 грн </a><br><br>

• a.button11 {
    position: relative;
    z-index: 1;
    color: black;
    font-size: 135%;
  }
  a.button11:after {
    content: "Купить";  /* здесь 6 букв */
    position: absolute;
    z-index: -1;
    top: -2px;
    bottom: -2px;
    left: -2px;
  }
  a.button11:hover:after {
    box-shadow: inset calc(-6*(1em*90/135) - .5em) 0 rgba(255,255,255,.2);
  }
  a.button11:active:after {
    background-image: linear-gradient(#c61e40, #d4536d);
  }