.com-dpcalendar-tools-default .dp-icon svg {
fill: currentcolor;
width: 1em;
height: 1em;
vertical-align: -2px;
}
.com-dpcalendar-tools-default .dp-quick-icon {
flex: 1 0 150px;
width: 100%;
max-width: 150px;
margin: 0.5rem;
text-align: center;
font-size: 0.9em;
}
.com-dpcalendar-tools-default .dp-quick-icon .dp-icon {
display: block;
}
.com-dpcalendar-tools-default .dp-quick-icon .dp-icon svg {
min-height: 4rem;
font-size: 2rem;
fill: #2fa4e7;
}
.com-dpcalendar-tools-default .dp-quick-icon .dp-icon-overlay {
position: absolute;
top: 10px;
right: 10px;
background: rgb(255, 99, 71);
border-radius: 20px;
padding: 0 5px;
}
.com-dpcalendar-tools-default .dp-quick-icon .dp-icon-overlay svg {
fill: #fff;
width: 10px;
height: 10px;
min-height: unset;
}
.com-dpcalendar-tools-default .dp-quick-icon__link {
display: block;
position: relative;
min-width: 100px;
height: 100%;
padding: 14px 5px 11px;
background-color: var(--body-bg, #fff);
color: var(--body-color, #565656);
border: 1px solid rgba(0, 0, 0, 0.02);
text-transform: uppercase;
font-size: 0.75rem;
font-weight: bold;
box-shadow: 0 0 2px rgba(52, 58, 67, 0.1), 0 2px 5px rgba(52, 58, 67, 0.08), 0 5px 15px rgba(52, 58, 67, 0.08);
box-sizing: border-box;
text-decoration: none;
vertical-align: middle;
transition-property: none;
/* stylelint-disable-next-line declaration-block-no-shorthand-property-overrides */
transition: all 0.3s ease;
}
.com-dpcalendar-tools-default .dp-quick-icon__link:hover, .com-dpcalendar-tools-default .dp-quick-icon__link:focus, .com-dpcalendar-tools-default .dp-quick-icon__link:active {
background-color: #2fa4e7;
color: #fff;
}
.com-dpcalendar-tools-default .dp-quick-icon__link:hover .dp-icon svg, .com-dpcalendar-tools-default .dp-quick-icon__link:focus .dp-icon svg, .com-dpcalendar-tools-default .dp-quick-icon__link:active .dp-icon svg {
fill: #fff;
}
@media screen and (width <= 767px) {
.com-dpcalendar-tools-default .dp-quick-icon {
max-width: none;
}
.com-dpcalendar-tools-default .dp-quick-icon .dp-icon {
display: inline-block;
}
.com-dpcalendar-tools-default .dp-quick-icon .dp-icon svg {
min-height: auto;
font-size: 1rem;
}
}
.com-dpcalendar-tools-default__icons {
display: flex;
flex-wrap: wrap;
width: 100%;
margin: 0 -0.5rem;
text-align: center;
font-size: 1rem;
}
.com-dpcalendar-tools-default__footer {
padding: 20px;
text-align: center;
}
/*# sourceMappingURL=default.css.map */