.button {
    --button-color-box-shadow-round: hsla(0, 0%, 100%, 0.05);
}
.button-content {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.button.is-compressed {
    height: var(--system-control-compressed-height) !important;
    font-size: var(--system-font-size-small);
}
.button,
.button:focus-visible,
.button:focus {
    box-shadow: 0 0 0 1px var(--button-color-box-shadow-round) inset;
    border-color: var(--system-border-color);
}
.button.is-primary {
    --button-color-box-shadow-top: hsla(220, 43%, 11%, 0.05);
    --button-color-box-shadow-sides: hsla(220, 43%, 11%, 0.05);
    --button-color-box-shadow-bottom: hsla(220, 29%, 5%, 0.18);
}
.button.is-primary,
.button.is-primary:focus-visible,
.button.is-primary:focus {
    box-shadow: 0 0 0 2px var(--button-color-box-shadow-round) inset,
                0 1px 0 0 var(--button-color-box-shadow-top) inset,
                0 -2px 0 0 var(--button-color-box-shadow-sides) inset,
                0 0 0 1px var(--button-color-box-shadow-bottom) inset;
    border-color: transparent;
    border-width: 0;
}
.button[disabled],
.button.is-primary[disabled] {
    color: var(--system-color-gray-400);
    border-width: var(--system-border-width);
    border-color: var(--system-color-gray-200);
    box-shadow: 0 1px 2px 0 hsla(220, 29%, 5%, 0.05);
}
.button[disabled] {
    background-color: var(--system-color-white);
}
.button[disabled] .icon i {
    color: var(--system-color-gray-400);
}
.button.is-primary[disabled] {
    background-color: var(--system-color-gray-100);
}
.button:focus-visible {
    outline-offset: var(--system-controls-focus-offset) !important;
    outline: hsl(var(--system-color-primary-h), var(--system-color-primary-s), var(--system-color-primary-l)) solid var(--system-controls-focus-width) !important;
}
.button:focus,
.button:active,
.button:visited,
.button:target {
    outline: none
}
.button.is-square {
    aspect-ratio: 1;
}
.button.is-square .icon {
    margin-inline-start: 0 !important;
    margin-inline-end: 0 !important;
}
.button.is-primary.is-round-border {
    box-shadow: 0 0 0 1px var(--button-color-box-shadow-round) inset;
}
.button .icon {
    height: var(--system-icon-dimensions);
    width: var(--system-icon-dimensions);
}
.button .icon:first-child:not(:last-child) {
    margin-inline-start: -.125rem;
    margin-inline-end: .375rem;
}
.button .icon:last-child:not(:first-child) {
    margin-inline-start: .375rem;
    margin-inline-end: -.125rem;
}
.button .icon i {
    font-size: var(--system-icon-dimensions);
    font-weight: var(--system-font-weight-light);
    color: hsl(var(--bulma-button-h), var(--bulma-button-s), var(--bulma-button-color-l));
}
.button.is-primary-text-and-border {
    color: var(--system-color-primary);
    border-color: var(--system-color-primary);
}
.button.is-primary-text .icon i {
    color: var(--system-color-primary);
}
.link {
    font-size: var(--system-font-size-small);
    color: var(--system-color-gray-600);
}
.link:hover,
.link:active {
    color: var(--system-color-gray-700);
}
.link.is-primary {
    font-weight: var(--system-font-weight-semibold);
    color: hsl(var(--system-color-primary-h), var(--system-color-primary-s), calc(var(--system-color-primary-l) + var(--system-link-primary-color-l-delta)));
}
.link.is-disabled {
    pointer-events: none;
    opacity: 0.5;
}
.simple-link,
.simple-link:hover,
.simple-link:active {
    font-size: inherit;
    color: inherit;
}