: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;
}
img[src=""], img:not([src]) {
display: none !important;
}
:host {
display: none !important;
}
:host {
background-color: transparent !important;
outline: none !important;
width: 100%;
display: block;
}
:host(.btnNext) button,
:host(.enviso-btnNext) button {
min-height: 56px;
margin-inline-start: 1rem;
width: 100%;
}
: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;
width: 100%;
transition: all 0.3s ease;
&:hover {
background: #e35205ff;
color: #000000ff;
}
}
button.enviso-btn {
width: 100%;
min-height: 48px;
display: flex;
align-items: center;
justify-content: center;
transition: transform 0.2s ease, box-shadow 0.2s ease;
&:focus {
outline: none !important;
box-shadow: none;
}
&:focus-visible {
box-shadow:
0 0 0 2px #fff,
0 0 0 4px #2361c5ff;
}
&:active {
transform: scale(0.98);
}
}
button.enviso-btn:not(.icon-only) {
background: linear-gradient(135deg, #4298b5 0%, #49c5b1 100%);
border-radius: 12px;
border: none;
color: #f5f5f5ff;
font-weight: 600;
font-size: 0.95rem;
letter-spacing: 0.5px;
text-transform: uppercase;
box-shadow: 0 4px 15px rgba(73, 197, 177, 0.3);
@media (min-width: 1280px) {
font-weight: 600;
font-size: 1rem;
}
&:hover {
background: linear-gradient(135deg, #3885a0 0%, #3eab99 100%);
box-shadow: 0 6px 20px rgba(73, 197, 177, 0.4);
transform: translateY(-2px);
}
}
.enviso-btn:not(.icon-only).icon-left {
padding-left: 1em;
}
:host {
border-radius: 1.5rem;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
border: 1px solid rgba(0, 0, 0, 0.04);
display: flex;
flex-direction: column;
height: 100%;
background: #ffffff;
overflow: hidden;
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
:host(:hover) {
transform: translateY(-6px);
box-shadow: 0 12px 30px rgba(0, 0, 0, 0.12);
}
span.enviso-offer-picture {
aspect-ratio: 16/9;
border-radius: 1.5rem 1.5rem 0 0;
overflow: hidden;
display: block;
}
span.enviso-offer-picture img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.5s ease;
}
:host(:hover) span.enviso-offer-picture img {
transform: scale(1.05);
}
.enviso-offer-info {
flex: 1;
min-height: 0 !important;
padding: 1.5rem 1.5rem 0.5rem;
display: flex;
flex-direction: column;
}
header.enviso-offer-name {
margin: 0 0 0.5rem 0;
}
.enviso-offer-name {
padding: 0;
font-size: 1.3rem;
font-weight: 700;
color: #121114ff;
line-height: 1.2;
}
.enviso-offer-description {
font-size: 0.95rem;
color: #1e1c23ff;
line-height: 1.5;
margin-top: 0.5rem;
margin-bottom: 1rem;
}
nav.enviso-offer-actions {
border: none;
display: flex;
flex-direction: row;
gap: 1rem;
padding: 1.5rem;
margin-top: auto;
}
nav.enviso-offer-actions>enviso-button {
flex: 1;
}
nav.enviso-offer-actions>enviso-button+enviso-button {
border-left: none;
}
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;
}
:host {
padding-top: 80px !important;
}
@media (min-width: 1280px) {
:host {
padding-top: 120px !important;
}
}
Google Play
App Store