.slu-button-wrapper {
    display: flex;
}

.slu-button-wrapper > * {
    margin-right: 5px;
    margin-left: 5px;
}

.slu-button, a.cc-btn.cc-dismiss {
    flex: 1;
    align-items: center;
    background-color: var(--slu-havsvik);
    border: 1px solid transparent;
    border-radius: 22px;
    color: white;
    font-family: var(--slu-font-oswald);
    font-size: 1.5rem;
    font-weight: 300                                                !important;
    justify-content: center;
    line-height: 1.5;
    margin-bottom: 10px;
    padding: 16px 17px;
    text-align: center;
    overflow-wrap: anywhere;
}

.slu-button:hover, .slu-button:focus, a.cc-btn.cc-dismiss:hover, a.cc-btn.cc-dismiss:focus {
    background-color: var(--slu-havsdjup);
    border-bottom-color: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    color: white;
}

.slu-button:visited, .slu-button:visited:hover, .slu-button:visited:focus, a.cc-btn.cc-dismiss:visited, a.cc-btn.cc-dismiss:visited:hover, a.cc-btn.cc-dismiss:visited:focus {
    color: white;
}

.slu-button:focus-visible, a.cc-btn.cc-dismiss:focus-visible {
    outline: var(--focus-outline);
    outline-offset: var(--focus-outline-offset);
}

.slu-button.light {
    background-color: rgba(255, 255, 255, 0.9);
    border-color: var(--slu-havsvik);
    color: var(--slu-havsdjup);
}

.slu-button.light:hover, .slu-button.light:focus, .slu-button.light:visited:hover, .slu-button.light:visited:focus {
    background-color: var(--slu-havsvik);
    color: white;
}

.slu-button.light:visited {
    color: var(--slu-havsdjup);
}

.slu-button.slim, a.cc-btn.cc-dismiss {
    width: unset;
    font-size: 1.25rem;
    padding: 5px 16px 6px;
}

a.cc-btn.cc-dismiss {
    margin-bottom: 0;
}

/* hover background color change for buttons inside of search area for contrast */
.search .slu-button.light:hover, .search .slu-button.light:focus, .search .slu-button.light:visited:hover, .search .slu-button.light:visited:focus {
    background-color: var(--slu-havsdjup);
    border-color: var(--slu-havsdjup);
}