:host {
--enviso-primary-color: #1e1c23ff;
--enviso-secondary-color: #4298b5ff;
}
input,
select {
border-radius: 8px !important;
}
input.enviso-txt-value,
select.enviso-select-value {
min-height: 45px !important;
}
nav {
min-height: 76px;
}
:host {
background-color: transparent !important;
outline: none !important;
}
:host(.btnNext) button,
:host(.enviso-btnNext) button {
min-height: 56px;
margin-inline-start: 1rem;
width: auto;
}
:host(.btnNext.focus) {
box-shadow: none !important;
}
:host(.btnPreviousStep) button.enviso-btn,
:host(.enviso-ticket-widget-offer-back-link) button.enviso-btn {
min-height: 56px;
background: transparent;
border: 1px solid #e35205ff;
color: #e35205ff;
&:hover {
background: #e35205ff;
color: #000000ff;
}
}
button.enviso-btn {
&:focus {
outline: none !important;
box-shadow: none;
}
&:focus-visible {
box-shadow:
0 0 0 2px #fff,
0 0 0 4px #2361c5ff;
}
}
button.enviso-btn:not(.icon-only) {
background: linear-gradient(90deg,#4298b5ff 0%,#49c5b1ff 100%);
border-radius: 100rem;
border: none;
color: #f5f5f5ff;
font-weight: 600;
font-size: 0.875rem;
text-transform: uppercase;
background-color: transparent;
@media (min-width: 1280px) {
font-weight: 600;
font-size: 0.875rem;
}
&:hover {
background: #4298b5ff;
}
}
.enviso-btn:not(.icon-only).icon-left {
padding-left: 1em;
}
:host {
border-radius: 1.5rem;
box-shadow: none;
border: 1px solid #000000ff;
}
span.enviso-offer-picture {
aspect-ratio: 2/1;
border-radius: 1.5rem 1.5rem 0 0;
}
.enviso-offer-info {
min-height: 10rem;
}
nav.enviso-offer-actions {
border: none;
display: flex;
flex-direction: column;
gap: 1rem;
padding: 16px;
}
nav.enviso-offer-actions>enviso-button {
flex: auto;
}
nav.enviso-offer-actions>enviso-button+enviso-button {
border-left: none
}
header.enviso-offer-name {
margin: 0;
}
.enviso-offer-name {
padding: 16px;
}
header {
display: none !important;
}
.enviso-steps-header-progress .enviso-steps-header-progress-bar {
background-color: #e35205ff;
}
.enviso-btnNext {
min-height: 56px;
margin-inline-start: 1rem;
width: auto;
}
.enviso-discount-open input {
padding: 9px;
border-radius: 8px !important;
&:focus-visible {
outline: #4298b5ff auto 1px;
}
}
enviso-button.enviso-discount-apply-btn {
height: 38px;
}
Google Play
App Store