/* ** BUTTONS ** */
.f2-button,
.f2-btn {
  position: relative;
  display: inline-block;
  padding: 8px 10px;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
  border: none;
  background-color: inherit;
  color: var(--svetlo_plava);
}

.f2-button:hover,
.f2-btn:hover {color: #fff;}
span.f2-btn {
  cursor: auto;
}
#f2_group_top .f2-button,.f2-btn {
  padding: 10px 10px 15px 10px;
}
.f2-button i,
.f2-btn i {
  font-size: var(--size_icon);
}
.f2-button p,
.f2-btn p {
  padding-top: 5px;
}
.f2-button.bl {
  border-left: 1px solid var(--black);
}
.f2-button.br {
  border-right: 1px solid var(--black);
}
.f2-button.active {
  background-color: var(--roza);
}
.f2-button.active i {
  color: var(--bela);
}
.f2-btn {
  border-bottom: 3px solid transparent;
}
.f2-btn.active {
  border-bottom: 3px solid var(--roza);
}
#f2_more_menu .f2-btn.active {
  border-bottom: 0;
}
#f2_more_menu .f2-btn.active span {
  border-bottom: 2px solid var(--roza);
}
.f2-btn.active i {
  color: var(--bela);
}
.f2-btn.active span {
  color: var(--bela);
}
.f2-btn_roza,
.f2-btn_black,
.f2-btn_circle_r,
.f2-btn_circle_b {
  -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);
  height: 48px;
  margin: 16px 0;
  cursor: pointer;
  font-size: var(--size_normal);
  border: none;
  border-radius: 30px;
  position: relative;
  -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    
    /*added*/
    display: flex; align-items: center;
}


.f2-btn_roza:hover {background: var(--skrlatna);}

.f2-btn_roza.f2-withIcon {padding-left: 10px;}

.f2-btn_roza i,
.f2-btn_black i,
.f2-btn_circle_r i,
.f2-btn_circle_b i {
  font-size: var(--size_icon);
  vertical-align: text-bottom;
}
.f2-btn_circle_r,
.f2-btn_circle_b {
  width: 48px;
}
.f2-btn_circle_r i,
.f2-btn_circle_b i {
  margin-left: -2px;
}
.f2-btn_roza,
.f2-btn_black {
  padding: 0 20px;
  text-wrap: nowrap;
}
.f2-btn_roza [class^="ff2-"]:before, .f2-btn_roza [class*=" ff2-"]:before,
.f2-btn_black [class^="ff2-"]:before, .f2-btn_black [class*=" ff2-"]:before { margin-left: 0; padding-left: 0; margin-right: 10px;}

.f2-btn_roza .ff2-plus:before, .f2-btn_roza .ff2-plus:before,
.f2-btn_black .ff2-plus:before, .f2-btn_black .ff2-plus:before {  font-size: 18px; font-weight: 700; line-height: 24px;}

.f2-btn_roza.icon .ff2-plus:before, .f2-btn_roza.icon .ff2-plus:before {font-weight: normal; font-size: 28px;}

.f2-btn_black [class^="ff2-remove"]:before {margin-left: 0.2em;}

ff2-plus
.f2-btn_roza i,
.f2-btn_black i {
  padding-right: 3px;
}
.f2-btn_black,
.f2-btn_circle_b {
  background-color: var(--black) !important;
  color: var(--svetlo_plava);
  font-weight: var(--weight_normal);
}

.f2-btn_black:hover {
  background-color: #111111 !important;
}

.f2-btn_black i,
.f2-btn_circle_b i {
  color: var(--svetlo_plava);
}
.f2-btn_roza,
.f2-btn_circle_r {
  background-color: var(--roza);
  color: var(--bela);
  font-weight: var(--weight_bold);
}
.f2-btn_roza i,
.f2-btn_circle_r i {
  color: var(--bela);
}
.f2-btn_roza.f2-w100 {
  max-width: 360px;
}
.f2-gumb {
  display: flex;
}
.f2-gumb.r {
  justify-content: flex-end;
}
.f2-gumb.n {
  justify-content: space-between;
}

.f2-gumbBorders .f2-gumb {border-top: 1px solid #000;}
.f2-gumbBorders .f2-paddingResponsive .f2-gumb:first-child {border-top: none;}
/*.f2-gumbBorders .f2-gumb.last {border-bottom: 1px solid #000;}*/
.f2-gumbBorders .last  .f2_2col_card:first-child {border-top: none;} 
.f2-gumbBorders .last  .f2_2col_card:last-child {border-bottom: 1px solid #000;} 
.f2-gumbBorders .f2_2col_card:last-child {border-bottom: none;}

/*responsive*/
@media only screen and (max-width: 960px) {
	.f2-responsive-no-text.f2-btn_roza [class^="ff2-"]:before, /*.f2-btn_roza [class*=" ff2-"]:before,*/
	.f2-responsive-no-text.f2-btn_black [class^="ff2-"]:before, .f2-btn_black [class*=" ff2-"]:before { margin: 0; padding: 0;}
	
	.f2-responsive-no-text.f2-btn_roza i, .f2-responsive-no-text.f2-btn_black i {padding:0; line-height: 15px;}
}


@media only screen and (max-width: 410px) {
	#f2_group_top .f2-button {padding: 10px 5px 15px 5px;}
/*	#f2_group_top .f2-button, .f2-btn {padding: 10px 5px 15px 5px;}*/
}

@media only screen and (max-width: 380px) {
	.f2-btn_roza,
	.f2-btn_black {
	  text-wrap: wrap;
	}
}


/* skupine gumbov */
.f2-black-buttons {display: flex; align-items: center; gap: 20px;}

.f2-bottom-buttons {padding-top:16px;
 /* f2-gumb n   -  display: flex;justify-content: space-between ; */
}


.f2-btn_roza.link {background: none; box-shadow: none; color: var(--svetlo_plava);}
.f2-btn_roza.link:hover {color: #fff; text-decoration: underline;}

.f2-btn_circle_b,.f2-btn_circle_r {
	display:flex;
	justify-content: center;
}
.f2-btn_circle_b i,.f2-btn_circle_r i {
    margin-left: 0;
    display:inline-block;
    align-self: center;
}

.f2-btn_circle_b [class^="ff2-"]:before, .f2-btn_circle_b [class*=" ff2-"]:before,
.f2-btn_circle_r [class^="ff2-"]:before, .f2-btn_circle_r [class*=" ff2-"]:before {
	margin-right: 0;
	margin-left: 0;
}
.col1_3.buttonOptions .f2-btn_circle_r {
	padding:0 10px;
}

.f2-showGallery .f2-btn_roza .f2-num{
	color:var(--srednje_siva);font-weight: 400;
}
.f2-showGallery .f2-btn_roza .ff2-circle-1{
	font-size:12px
}
#f2_whatsup_details .f2-more-dropdown .f2-btn {
    padding: unset;
}