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