[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[class*=wp-block-button__width] {
  38    width: calc(var(--wp--block-button--width) * 1% - var(--wp--style--block-gap, 0.5em) * (1 - var(--wp--block-button--width) / 100));
  39  }
  40  .wp-block-buttons > .wp-block-button.wp-block-button__width-25 {
  41    width: calc(25% - var(--wp--style--block-gap, 0.5em) * 0.75);
  42  }
  43  .wp-block-buttons > .wp-block-button.wp-block-button__width-50 {
  44    width: calc(50% - var(--wp--style--block-gap, 0.5em) * 0.5);
  45  }
  46  .wp-block-buttons > .wp-block-button.wp-block-button__width-75 {
  47    width: calc(75% - var(--wp--style--block-gap, 0.5em) * 0.25);
  48  }
  49  .wp-block-buttons > .wp-block-button.wp-block-button__width-100 {
  50    width: 100%;
  51    flex-basis: 100%;
  52  }
  53  
  54  .wp-block-buttons.is-vertical > .wp-block-button[class*=wp-block-button__width] {
  55    width: calc(var(--wp--block-button--width) * 1%);
  56  }
  57  .wp-block-buttons.is-vertical > .wp-block-button.wp-block-button__width-25 {
  58    width: 25%;
  59  }
  60  .wp-block-buttons.is-vertical > .wp-block-button.wp-block-button__width-50 {
  61    width: 50%;
  62  }
  63  .wp-block-buttons.is-vertical > .wp-block-button.wp-block-button__width-75 {
  64    width: 75%;
  65  }
  66  
  67  .wp-block-button.is-style-squared,
  68  .wp-block-button__link.wp-block-button.is-style-squared {
  69    border-radius: 0;
  70  }
  71  
  72  .wp-block-button.no-border-radius,
  73  .wp-block-button__link.no-border-radius {
  74    border-radius: 0 !important;
  75  }
  76  
  77  :root :where(.wp-block-button.is-style-outline > .wp-block-button__link),
  78  :root :where(.wp-block-button .wp-block-button__link.is-style-outline) {
  79    border: 2px solid currentColor;
  80    padding: 0.667em 1.333em;
  81  }
  82  :root :where(.wp-block-button.is-style-outline > .wp-block-button__link:not(.has-text-color)),
  83  :root :where(.wp-block-button .wp-block-button__link.is-style-outline:not(.has-text-color)) {
  84    color: currentColor;
  85  }
  86  :root :where(.wp-block-button.is-style-outline > .wp-block-button__link:not(.has-background)),
  87  :root :where(.wp-block-button .wp-block-button__link.is-style-outline:not(.has-background)) {
  88    background-color: transparent;
  89    background-image: none;
  90  }