.checkableButton{cursor:pointer;display:flex;border:var(--secondaryButton-Border);box-shadow:var(--secondaryButton-Shadow);transition:.2s ease-in-out;width:100%;padding:10px;align-items:flex-start;align-content:flex-start;margin-bottom:10px;border-radius:5px;background:#fff;box-sizing:border-box}.checkableButton--phrase{color:#000;font-size:12px;letter-spacing:.12px;word-break:break-word}.checkableButtonCheckBox{appearance:none;-webkit-appearance:none;-moz-appearance:none;position:absolute;opacity:0}input[name=checkableButton]:checked+.checkableButton{background-color:var(--selectedBackground);border-color:var(--selectedOutline);box-shadow:var(--selectedShadow)}@media (hover:hover) and (pointer:fine){.checkableButton:hover{border-color:var(--secondaryButtonHover-borderColour);box-shadow:var(--secondaryButtonHover-shadow);transform:var(--buttonHover-transform)}}