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