buttons.css 737 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950
  1. .button {
  2. position: relative;
  3. display: inline-block;
  4. padding: 7px 12px;
  5. margin: 0;
  6. width: auto;
  7. font-family: "Montserrat";
  8. font-size: 16px;
  9. text-transform: uppercase;
  10. font-weight: 400;
  11. cursor: pointer;
  12. background: none;
  13. border: none;
  14. outline: none;
  15. text-align: left;
  16. letter-spacing: 2px;
  17. }
  18. .button.fullbutton {
  19. width: 100%;
  20. }
  21. .button.fullbutton span {
  22. float: right;
  23. }
  24. .button:after {
  25. content: '';
  26. position: absolute;
  27. z-index: -1;
  28. }
  29. /** Colours **/
  30. .button {
  31. background: none;
  32. border: 2px solid #A71E2E;
  33. color: #A71E2E !important;
  34. }
  35. .button:hover {
  36. background: #A71E2E;
  37. color: #FFF !important;
  38. }
  39. .button:active {
  40. top: 2px;
  41. }