* {
  box-sizing: border-box;
}

content-button {
  display: inline-block;
}
content-button > a, content-button > button {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
}
content-button > button {
  appearance: none;
  background: inherit;
  cursor: pointer;
}
content-button[clickable-block=true] {
  display: block;
  width: 100%;
  height: 100%;
}
content-button[clickable-block=true] > a,
content-button[clickable-block=true] > button {
  height: 100%;
  width: 100%;
}
content-button[clickable-block=true] > a > *,
content-button[clickable-block=true] > button > * {
  display: block;
  width: 100%;
}
content-button[clickable-block=true] .content-button__clickable-content {
  width: 100%;
  height: 100%;
}