[Summary view] [Print] [Text view]

   1  .wp-block-button__link {
   2    cursor: pointer;
   3    display: inline-block;
   4    text-align: center;
   5    word-break: break-word;
   6    box-sizing: border-box;
   7    height: 100%;
   8    align-content: center;
   9  }
  10  .wp-block-button__link.aligncenter {
  11    text-align: center;
  12  }
  13  .wp-block-button__link.alignright {
  14    /*rtl:ignore*/
  15    text-align: right;
  16  }
  17  
  18  :where(.wp-block-button__link) {
  19    box-shadow: none;
  20    text-decoration: none;
  21    border-radius: 9999px;
  22    padding: calc(0.667em + 2px) calc(1.333em + 2px);
  23  }
  24  
  25  .wp-block-button[style*=text-decoration] .wp-block-button__link {
  26    text-decoration: inherit;
  27  }
  28  
  29  .wp-block-buttons > .wp-block-button.has-custom-width {
  30    max-width: none;
  31  }
  32  .wp-block-buttons > .wp-block-button.has-custom-width .wp-block-button__link {
  33    width: 100%;
  34  }
  35  .wp-block-buttons > .wp-block-button.has-custom-font-size .wp-block-button__link {
  36    font-size: inherit;
  37  }
  38  .wp-block-buttons > .wp-block-button.wp-block-button__width-25 {
  39    width: calc(25% - var(--wp--style--block-gap, 0.5em) * 0.75);
  40  }
  41  .wp-block-buttons > .wp-block-button.wp-block-button__width-50 {
  42    width: calc(50% - var(--wp--style--block-gap, 0.5em) * 0.5);
  43  }
  44  .wp-block-buttons > .wp-block-button.wp-block-button__width-75 {
  45    width: calc(75% - var(--wp--style--block-gap, 0.5em) * 0.25);
  46  }
  47  .wp-block-buttons > .wp-block-button.wp-block-button__width-100 {
  48    width: 100%;
  49    flex-basis: 100%;
  50  }
  51  
  52  .wp-block-buttons.is-vertical > .wp-block-button.wp-block-button__width-25 {
  53    width: 25%;
  54  }
  55  .wp-block-buttons.is-vertical > .wp-block-button.wp-block-button__width-50 {
  56    width: 50%;
  57  }
  58  .wp-block-buttons.is-vertical > .wp-block-button.wp-block-button__width-75 {
  59    width: 75%;
  60  }
  61  
  62  .wp-block-button.is-style-squared,
  63  .wp-block-button__link.wp-block-button.is-style-squared {
  64    border-radius: 0;
  65  }
  66  
  67  .wp-block-button.no-border-radius,
  68  .wp-block-button__link.no-border-radius {
  69    border-radius: 0 !important;
  70  }
  71  
  72  :root :where(.wp-block-button.is-style-outline > .wp-block-button__link),
  73  :root :where(.wp-block-button .wp-block-button__link.is-style-outline) {
  74    border: 2px solid currentColor;
  75    padding: 0.667em 1.333em;
  76  }
  77  :root :where(.wp-block-button.is-style-outline > .wp-block-button__link:not(.has-text-color)),
  78  :root :where(.wp-block-button .wp-block-button__link.is-style-outline:not(.has-text-color)) {
  79    color: currentColor;
  80  }
  81  :root :where(.wp-block-button.is-style-outline > .wp-block-button__link:not(.has-background)),
  82  :root :where(.wp-block-button .wp-block-button__link.is-style-outline:not(.has-background)) {
  83    background-color: transparent;
  84    background-image: none;
  85  }