@import '../../common';
.rs-modal-maker {
a.modal-trigger {
display: inline-block;
cursor: pointer;
&.type-button {
padding: 14px 40px;
border-radius: 3px;
background: $primaryColor;
color: #fff;
display: inline-flex;
align-items: center;
gap: 10px;
text-align: center;
justify-content: center;
svg {
width: 17px;
height: 17px;
path {
fill: #fff;
}
}
i {
font-size: 17px;
}
&:hover {
background: $secondaryColor;
}
}
}
.modal {
z-index: 9999;
padding: 10px !important;
.modal-dialog {
margin: 0 auto;
max-width: 700px;
display: flex;
align-items: center;
height: 100%;
.modal-content {
border: none;
padding: 10px;
max-height: calc(100vh - 10px);
overflow-y: auto;
}
.modal_close_btn {
background: $primaryColor;
color: #ffff;
display: inline-flex;
align-items: center;
gap: 7px;
border-radius: 3px;
padding: 10px 24px;
cursor: pointer;
transition: $transition;
text-align: center;
justify-content: center;
z-index: 1;
svg {
width: 17px;
height: 17px;
path {
fill: #fff;
transition: $transition;
}
}
i {
transition: $transition;
font-size: 17px;
}
}
}
}
}