[Summary view] [Print] [Text view]

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